@font-face {
  font-family: 'shouye';
  src: url('../font/shouye.woff2?t=1667714652550') format('woff2'),
       url('../font/shouye.woff?t=1667714652550') format('woff'),
       url('../font/shouye.ttf?t=1667714652550') format('truetype');
}


.shouye {
  font-family: "shouye" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'company';
  src: url('../font/company.woff2?t=1667714652550') format('woff2'),
       url('../font/company.woff?t=1667714652550') format('woff'),
       url('../font/company.ttf?t=1667714652550') format('truetype');
}

.company {
  font-family: "company" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'product';
  src: url('../font/product.woff2?t=1667714652550') format('woff2'),
       url('../font/product.woff?t=1667714652550') format('woff'),
       url('../font/product.ttf?t=1667714652550') format('truetype');
}

@font-face {
  font-family: 'sousuo';
  src: url('../font/sousuo.woff2?t=1667714652550') format('woff2'),
       url('../font/sousuo.woff?t=1667714652550') format('woff'),
       url('../font/sousuo.ttf?t=1667714652550') format('truetype');
}


.sousuo {
  font-family: "sousuo" !important;
  font-size: 36px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#fff;
  line-height:10vw;;
}

.product {
  font-family: "product" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
  font-family: 'yingyong';
  src: url('../font/yingyong.woff2?t=1667714652550') format('woff2'),
       url('../font/yingyong.woff?t=1667714652550') format('woff'),
       url('../font/yingyong.ttf?t=1667714652550') format('truetype');
}

.yingyong {
  font-family: "yingyong" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
  font-family: 'news';
  src: url('../font/news.woff2?t=1667714652550') format('woff2'),
       url('../font/news.woff?t=1667714652550') format('woff'),
       url('../font/news.ttf?t=1667714652550') format('truetype');
}

.news {
  font-family: "news" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
  font-family: 'contact';
  src: url('../font/contact.woff2?t=1667714652550') format('woff2'),
       url('../font/contact.woff?t=1667714652550') format('woff'),
       url('../font/contact.ttf?t=1667714652550') format('truetype');
}

.contact {
  font-family: "contact" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{ font-family: Arial,'Microsoft JhengHei','Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;font-size:14px; color:#333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../img/bgs.png) no-repeat center; background-size: cover; background-attachment: fixed; pointer-events: none;}
.flwarp{ float: right;}
.frwarp{ float: left;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.clear{ clear:both;}
.pub {
    width: 90%;
    margin: auto;
}

.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.video_pop .close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../img/close2.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}
.video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}
/*分享二维码*/
#zCode{display: block;left: 50%;top: 50%;margin-left: -110px;margin-top: -122.5px;position: fixed; background: #fff;height: 245px;width: 220px; z-index:3000;border-radius: 5px; border: 6px solid #7f7f7f; box-sizing: border-box;}
#zCode>h2{     color: #666;background: #f2f2f2;height: 24px;line-height: 24px;border-bottom: 1px solid #e8e8e8; font-size: 14px; padding: 0 10px; box-sizing: border-box;}
#zCode>h2>i{cursor:pointer; float:right; width:24px; height:24px; text-align:center;}
#zCode>.ewm{width:100%; height:208px;padding: 20px; box-sizing: border-box; }
#zCode>.ewm canvas{width:100%; height:100%;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.6); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content {  border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; opacity: 1; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; background: #BF2E2E;}
.rebox-close { right: 10px; top: 10px;  font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.lazy{background-attachment: fixed;background-size: cover;width: 100%;height: 100%; background-position: bottom center;position: absolute;z-index:-1;left: 0;top: 0;}
.z_banner{ position:fixed; width: 100%; height: 100vh; overflow: hidden; left: 0; top: 0; z-index: -1;}
.z_banner{  height: 100vh; }
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.2); transition:ease 2s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_banner_slide{  width: 12.5vw;  position: absolute; right: 0; top: 0; height: 100%; z-index: 2; }
.z_banner_slide .cd{ background: linear-gradient(90deg, #0570df 0%, #022281 100%); width:100%; }
.z_banner_slide li{ }
.z_banner_slide .cd{height: 19%; line-height: 4.02vw;font-size: 17px; text-align:center;}
.z_banner_slide ul{height: 81%; width:100%;     font-size: 17px;
justify-content:flex-end; box-sizing: border-box; background:#fff; padding-top:10vw;}

.z_banner_slide li{ color: #fff; cursor: pointer; position: relative; background:#fff; border-radius:50% ; margin-top:1vw;   background:url(../images/vf1.png) no-repeat center; width:20px; height:20px; display:block; margin-left:5.5vw;}

.z_banner_warp{ position: absolute; transform: translateY(100%); opacity: 0; transition: ease 1.5s; background: linear-gradient(0deg, rgba(26, 64, 137, 1) 0%, rgba(69, 25, 136, .8) 100%);transition-delay: .5s; line-height: normal; writing-mode: horizontal-tb; left: 0; top: 0; height: 100%; width:38vw; overflow: hidden; display: flex; align-items: center; z-index: 4; color: #fff;}

.last{display: inline-block; width:1px; height:89px; background:#dcdcdc;
    overflow: hidden;
    margin-right: 2.42857%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;margin-left:6vw;letter-spacing: 0.2vw;}
.nextt{display: inline-block;
    overflow: hidden;
    margin-right: 2.42857%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;margin-left:6vw;letter-spacing: 0.2vw; margin-top:3vw;width:1px; height:89px; background:#dcdcdc;}	
	
	.nextt:before {
    position: absolute;
    top: 310px;
    right: 14px;
    display: block;
    width: 1px;
    height: 36px;
    background-color: #000;
    content: "";
 
}
.xiao{ font-size:18px; margin-bottom:38px;}
.z_banner_text{ width: 100%; padding-left: 5vw; box-sizing: border-box; width: 34vw;}
.z_banner_text span{font-size: 18px;color: #F7F7F7; margin-bottom: 1vw; display: block;}
.z_banner_text .h3{font-size: 2.2vw; line-height: 2.5vw; font-weight: bold;color: #FFFFFF;}
/* .z_banner_slide li:nth-child(1) .z_banner_warp{background: linear-gradient(to right,rgba(206, 42, 33, 1) 0%, rgba(206, 42, 33, .6) 100%);}
.z_banner_slide li:nth-child(2) .z_banner_warp{background: linear-gradient(to right, rgba(26, 64, 137, 1) 0%, rgba(69, 25, 136, .8) 100%);}
.z_banner_slide li:nth-child(3) .z_banner_warp{background: linear-gradient(to right,rgba(50, 62, 75, 1) 0%, rgba(50, 62, 75, .6) 100%);} */
.z_banner_slide li.on { transform: translateY(0); opacity: 1; background:url(../images/bf.png) no-repeat center; width:20px; height:20px; }
.z_banner_num{ width: 4vw;text-align: center; flex-shrink: 0;}
.z_banner_num em{ display: block;font-size: 16px;font-family: ZapfHumanist601BT;font-weight: bold;color: #FFFFFF;opacity: 0.5;}
.z_banner_num .index{ opacity: 1; font-size: 24px;}
.z_banner_num .line{ width: 1px; height: 2.96875vw; background: rgba(255,255,255,.5); margin: 10px auto;}
.z_header{ position: fixed;   background: #fff; transition: ease 1s; top: 0;z-index: 9; width: calc(100% - 4vw);  height: 6.2vw;line-height: 6.2vw; display: flex; align-items: center; padding: 0 4.25vw; padding-right: 16.375vw; box-sizing: border-box;}
.z_header.on{ background: #fff!important;}


.w_1720 {
    max-width: 1600px;
    width: 90%;
    margin: auto;
}
.index_box2 {
  position: relative;
  transition: 0.4s;
	margin-top: 2vw;
}
.index_box2::before {
  position: absolute;
  content: '';
  top: 0;
  left: 4.89vw;
  height: 100%;
  width: 1px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.2);
}
.index_box2::after {
  position: absolute;
  content: '';
  top: 0;
  right: 4.89vw;
  height: 100%;
  width: 1px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.3);
}
.index_box2 .box .boxTop .boxLeft {
  font-size: 2.875rem;
  color: #fff;
  width: 50%;
  box-sizing: border-box;
  padding-left: 6.25rem;
}
.index_box2 .box .boxTop .boxRight {
  width: 100%;
  box-sizing: border-box;
  padding: 6.875rem 6.875rem 0 6.875rem;
}
.index_box2 .box .boxTop .boxRight .list {
  display: none;
}
.index_box2 .box .boxTop .boxRight .list p {
  font-size: 1rem;
  color: #fff;
  line-height: 1.875rem;
	text-align: center;
}
.index_box2 .box .boxTop .boxRight .list div {
  margin-top: 2rem;
}
.index_box2 .box .boxTop .boxRight .list div a {
  font-size: 1.125rem;
  color: #fff;
  width: 11.5625rem;
  line-height: 3.375rem;
  text-align: center;
  border-radius: 1.75rem;
  border: 1px solid #fff;
  display: block;
}
.index_box2 .box .boxTop .boxRight .list div a:hover {
  color: #009d85;
  border: 1px solid #009d85;
}
.index_box2 .box .boxTop .boxRight .active {
  display: block;
}
.index_box2 .box .boxBottom {
 
  margin-top: 20.75rem;
}

.index_box2 .box .boxBottom .swiper-slide{border-radius: 20px; }
.index_box2 .box .boxBottom .item {
  cursor: pointer;
  position: relative;
  padding: 3rem 0 3rem 7.125rem;
	background: #fff;
	margin-bottom: 4vw;
	margin-right: 1vw;
	margin-left: 1vw;
	
}
.index_box2 .box .boxBottom .item:nth-of-type(4){ margin-right: 0px;}
.index_box2 .box .boxBottom .item::after {
  width: 0%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: -1;
  transition: all 0.3s;
border-radius: 40px;
}
.index_box2 .box .boxBottom .item h5 {
  font-size: 1.625rem;
 
  cursor: pointer;
}
.index_box2 .box .boxBottom .item div {
  font-size: 1rem;
 
  text-transform: uppercase;
  margin-top: 0.75rem;
  cursor: pointer;
}
.index_box2 .box .boxBottom .item span {
  font-size: 1.25rem;
 
  position: absolute;
  top: 3.5rem;
  left: 3rem;
  font-weight: bold;
}
.index_box2 .box .boxBottom .active .item::after {
  width: 100%;
}
.index_box2 .box .boxBottom .active .item span {
  color: #009d85;
}
.index_box2 .box .boxBottom .active .item h5 {
  color: #000;
}
.index_box2 .box .boxBottom .active .item div {
  color: #999999;
}

.jl{ color: #fff; font-size: 1.8vw; text-align: center; }
.jt{ margin: 0px auto; text-align: center; margin-bottom: 2vw;}



.index1_bj{ width:100%; height: auto; background: linear-gradient(90deg, #0570df 0%, #022281 100%); overflow:hidden; margin-top:30px; padding:5% 0; background-attachment:fixed;}

.index1_top{ width:85%; margin:0 auto; color:#000000; font-size:0.8vw; margin-top:3vw;}
.index1_top p{ font-size:2vw; font-weight:bold; margin:0;}
.index1{ width:80%; margin:0 auto;}
.index1_type{ float:left; width:25.88%; margin-left:0%;}
.index1_type li{ line-height:50px; margin:20px 0;}
.index1_type li a{color:#ffffff; font-size:18px; border-bottom:1px solid #fff; padding-bottom:5px; transition:.3s; display:inline-block;  width:100%;}
.index1_type li a em{ width:10%; display:inline-block; vertical-align:middle;}
.index1_type li:hover a{ color:#ffa200; border-bottom:none;}
.index1_right{ width:74%; float:right; overflow:hidden; padding:2.5% 0 80px 0; position:relative;}
.index1_pro li{ float:left; width:28%; margin:0 2.5%; margin-bottom:2vw;}
.index1_pro li .pic { width: 100%; height: 64%;}
.index1_pro li .pic img{ width:100%; height: 100%;}
.index1_pro li .pic:after { padding-bottom: 93%;}
.index1_pro li p{ text-align:center;}

.index1_pro li .pro_name{ color:#fff; height:auto; overflow:hidden; margin-bottom:1.3vw;}
.index1_pro li .pro_name .pro_name2{ font-size:0.4vw;}
.index1_pro li .pro_name .pro_name3{ font-size:0.8vw;}
.tel_bar {
   height: 6.2vw;
   background: linear-gradient(90deg, #0570df 0%, #022281 100%);
    float: left;
    width: 12.5vw;
    text-align: center;
   
    display: flex;
    align-items: center;
    justify-content: center;
	position: fixed;
    right: 0;
    top: 0;
	color:#fff;
	z-index:11;
}
.tel_bar a{color:#fff; font-size: 1.6vw;}

.z_menu_btn{ width: 4vw; transition: ease .8s; height: 5.2vw;cursor: pointer;z-index: 12; display: flex; align-items: center; justify-content: center; position: fixed; right: 0;top: 0;}
 .z_menu_btn span{ display: block; transition: ease .6s; width: 20px; height:2px; background: #fff;}
 .z_menu_btn .line2{ margin:3px 0; opacity: 0;}
 .z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
 .z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg);}
 .z_menu_btn.on .line2{ opacity: 0;}
.z_menu_btn2{ background: #fff; display:none;}
.z_menu_btn2 span{ background: #434343;}
 .z_menu_btn.on{ background:none;}
  .z_menu_btn.on span{ background: #fff;}
.z_menu_btn.scorll{ background: linear-gradient(0deg, #0C2FA6 0%, #411C89 100%)!important;}
.z_menu_btn.scorll span{ background: #fff;}
.z_logo img{ display: block; }
.z_header_nav{ margin-left: auto;}
.z_header_nav li{float: left; margin-left: 3.0vw; position: relative; }
.z_header_nav li a{ display: block; font-size: 16px; color: #363636;;}
.z_header_nav li::before,.z_pro_nav li::before{ color:#bbbbbb; content: ""; display: block; font-size:16px;  width: 100%;opacity: 0.9; margin:0px auto; text-align:center;   transition: ease 1s; left:0px;}


/* 
.z_header_nav li:nth-of-type(1)::before,.z_pro_nav li:nth-of-type(1)::before{content: "\e632";font-family:'shouye'; top:0; font-size:28px;height:28px;vertical-align: baseline; }
.z_header_nav li:nth-of-type(2)::before,.z_pro_nav li:nth-of-type(2)::before{content: "\e831";font-family:'company'; top:0; font-size:28px;height:28px;vertical-align: baseline; }
.z_header_nav li:nth-of-type(3)::before,.z_pro_nav li:nth-of-type(3)::before{content: "\e633";font-family:'product'; top:0; font-size:28px;height:28px;vertical-align: baseline; }
.z_header_nav li:nth-of-type(4)::before,.z_pro_nav li:nth-of-type(4)::before{content: "\e675";font-family:'yingyong'; top:0; font-size:28px;height:28px;vertical-align: baseline; }
.z_header_nav li:nth-of-type(5)::before,.z_pro_nav li:nth-of-type(5)::before{content: "\e67e";font-family:'news'; top:0; font-size:28px;height:28px;vertical-align: baseline; }
.z_header_nav li:nth-of-type(6)::before,.z_pro_nav li:nth-of-type(6)::before{content: "\e612";font-family:'contact'; top:0; font-size:28px;height:28px;vertical-align: baseline; }*/


.index2_more{ position:relative; display:inline-block; width:73.333%; line-height:70px; height:70px; text-align:center; color:#fff;
	background-image: linear-gradient(90deg, #ffa200 10%, #ff740d 60%, #ffa200);
	background-position: left center;
	background-size: 200% 100%;
	background-repeat: no-repeat; 
	transition: background-position .6s ease;}



.index3_more{ position:relative; display:inline-block; width:100%; line-height:70px; height:70px; text-align:center; color:#fff;
	background-image: linear-gradient(90deg, #ffa200 10%, #ff740d 60%, #ffa200);
	background-position: left center;
	background-size: 200% 100%;
	background-repeat: no-repeat; 
	transition: background-position .6s ease;}


.index4_more{ position:relative; display:inline-block; width:80%; line-height:70px; height:70px; text-align:center; color:#fff;
	background-image: linear-gradient(90deg, #ffa200 10%, #ff740d 60%, #ffa200);
	background-position: left center;
	background-size: 200% 100%;
	background-repeat: no-repeat; 
	transition: background-position .6s ease; margin-top: 7vw;}

.index1_more{ position:relative; display:inline-block; width:43.333%; line-height:70px; height:70px; text-align:center; color:#fff;
	background-image: linear-gradient(90deg, #ffa200 10%, #ff740d 60%, #ffa200);
	background-position: left center;
	background-size: 200% 100%;
	background-repeat: no-repeat; 
	transition: background-position .6s ease;}
.c-btn-line {
	position: absolute;
	top: 0;
	right: 8%;
	bottom: 0;
	display: block;
	margin: auto;
	max-width: 24px;
	width: 8%;
	height: 1px;
	background-color: rgba(255, 255, 255, 1);
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
}
.c-btn-line:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 10px;
	height: 1px;
	background-color: rgba(255, 255, 255, 1);
	content: "";
	opacity: 0;
	transition: .3s ease; 
	-ms-transform: rotate(0); 
	    transform: rotate(0);
	-ms-transform-origin: right top;
	    transform-origin: right top;
}
.index1_more:hover{background-position: right center;}
.index1_more:hover .c-btn-line{animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);}
.index1_more:hover .c-btn-line:before{
		opacity: 1;
		-ms-transform: rotate(30deg);
		transform: rotate(30deg);
	}

.index2_more:hover{background-position: right center;}
.index2_more:hover .c-btn-line{animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);}
.index2_more:hover .c-btn-line:before{
		opacity: 1;
		-ms-transform: rotate(30deg);
		transform: rotate(30deg);
	}


.index3_more:hover{background-position: right center;}
.index3_more:hover .c-btn-line{animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);}
.index3_more:hover .c-btn-line:before{
		opacity: 1;
		-ms-transform: rotate(30deg);
		transform: rotate(30deg);
	}
.index4_more:hover{background-position: right center;}
.index4_more:hover .c-btn-line{animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);}
.index4_more:hover .c-btn-line:before{
		opacity: 1;
		-ms-transform: rotate(30deg);
		transform: rotate(30deg);
	}

.index2_top{ width:85%; margin:0 auto; color:#000000; font-size:16px; margin-top:100px;}
.index2_top p{ font-size:2vw;; font-weight:bold; margin:0;}

.index2_bj{ width:100%; height: auto;background:url(../images/index2_bj.jpg) center bottom no-repeat; margin-top:30px; background-attachment:fixed;}
.index2{ width:80%; margin:0 auto;}
.index2_left{ float:left; width:12%; margin-left:0%; margin-top:5%;}
.index2_left li{ line-height:30px; margin:20px 0;}
.index2_left li a{color:#ffffff; font-size:18px; border-bottom:1px solid #fff; padding-bottom:5px; transition:.3s;}
.index2_left li:hover a{ color:#ffa200; border-bottom:none;}
.index2_right{ width:85%; float:right; padding:4% 0 100px 0; position:relative;}
.index2_case li{ width:30.3%; float:left; margin:0 1.5%;}
.index2_case li .pic { width: 100%; height: 64%;}
.index2_case li .pic img{ width:100%; height: 100%;}
.index2_case li .pic:after { padding-bottom: 112%;}
.index2_case li:nth-child(1){ margin-top:80px;}
.index2_case li:nth-child(2){ margin-top:-150px;}
.index2_case li .c-olst__num {
	margin-top: -.5em;
	color: #fff;
	transition: .3s ease;
	font-size: 72px;
	font-size: 4.5rem;
	line-height: 1.11111;
	position: relative;
	letter-spacing: 0 !important; 
	font-weight: bold;
	font-style: normal;
	font-family: "Oswald", sans-serif;
	margin-bottom:0;
}
.index2_case li .c-olst__type {
	position: relative; 
	margin-bottom: 11px;
	padding-bottom: 10px;
	color: #fff;
	font-style: normal;
	font-size: 18px;
	line-height: 2;
	margin-top:0;
}
.index2_case li .c-olst__type:after {
	position: absolute;
	bottom: 0;
	display: block;
	width: 24px;
	height: 1px;
	background-color: #fff; 
	left: 8.82353%;
	content: "";
}
.index2_case li p {
	padding: 0 7.33945%; color:#fff;
	margin-bottom: 10px;
}
.index2_case li:hover .c-olst__num{ color:#ffa200;}
.index2_case li:hover .c-olst__type{ color:#ffa200;}


/*********************index2 end**********************/

.line2{ background: url(../images/line2.png) no-repeat right;}

/*in_06*/
.in06a .swiper-container{height: auto;overflow: hidden;}
.in06a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.in06a .swiper-slide a{display: block;height: auto;overflow: hidden;border: 1px solid #ebebeb; background: #fff;position: relative;}
.in06a .swiper-slide a:hover .in06b::before{height: 100%;}
.in06a .swiper-slide a:hover img{transform: scale(1.1);}
.in06a .swiper-slide a:hover span i{-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);}
.in06b {transition:all 0.6s ease 0s;height: auto;position: relative;}
.in06b::before {position: absolute;content: "";height: 60px;background: #f4f4f4;left:0;width: 100%;bottom: 0;z-index: 1;transition:.4s;}
.in06b span{display: block;line-height: 60px;font-family: fz;position: relative;z-index: 2}
.in06b span i{float: right;font-size: 24px;color: #c40000;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transition:.4s;}
.in06b strong{display: block;overflow: hidden;color: #222;position: relative;z-index: 2;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.in06b p{line-height: 25px;overflow: hidden; color: #777;position: relative;z-index: 2;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; margin-bottom: 10px;}
.nimgb{height: auto;overflow: hidden;position: relative;}
.nimgb img{transition: all 2s;}
.nimgb::before{position: absolute;content: ""; bottom: 0;width: 100%;z-index: 3;transition: all 0.3s;padding: 10%;z-index: 1; 
background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.0));background-color: transparent;color: #fff;}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem!important;
}
@media (min-width: 992px){
.mt-lg-5, .my-lg-5 {
    margin-top: 3rem!important;
}
.p-lg-4 {
    padding: 1.5rem!important;
}
.pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem!important;
}

.pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem!important;
}
.pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem!important;
}
}
.hotline{ width:89px;; height:22px; background:#009d85; color:#fff; text-align:center; line-height:22px; font-size:16px;}
.jc{ font-weight:bold; font-size:24px;}


.mob_in1{ padding-bottom:1rem; }
.mob_in1_1{ margin:0 0.1rem; margin-top:0.4rem; height:auto; overflow:hidden; position:relative;display:none;}
.mob_in1_1 ul{ display:inline-block; width:100%;}
.mob_in1_1 ul li{ width:49%; float:left; margin-right:0.1rem; margin-top:0.1rem; position:relative; float:left;}
.mob_in1_1 ul li img{ display:block; width:100%;}
.mob_in1_1 ul li:nth-child(2n+2){ margin-right:0;}

.mob_in1_1 ul li p{ font-size:16px; color:#fff; line-height:20px;; top:10px;;text-shadow:0px 1px 1px #000; position:absolute; left:0.66rem; font-weight:100;}


.aboutNav{  width: 18.33%; margin-bottom: 40px;}
.verify img { height: 40px; }

.index5_bj{ width:100%; height:673px; background:url(../images/index5_bj.jpg) left center no-repeat #eff1f4; margin-top:5%;}
.index5_top{ width:20%; float:left; color:#fff; font-size:16px; margin-top:100px;}
.index5_top p{ font-size:48px; margin:0;}
.index5_main{ width:79%; height:auto; position:relative; float:right; background:#eff1f4; padding-left:2%; padding-top:80px;}
.index5_main li{ float:left; width:13%; margin:0.5%; border:1px solid #e5e5e5; position:relative; overflow:hidden;}
.index5_main li .pic { width: 100%; height: 64%;}
.index5_main li .pic img{ width:100%; height: 100%;}
.index5_main li .pic:after { padding-bottom: 60%;}
.index5_main li .title{ width:100%; height:100%; background:rgba(2,32,126,0.7); position:absolute; top:0; left:-100%; text-align:center; color:#fff; transition: .3s ease;}
.index5_main li .title p{ font-size:15px; margin-top:20%;}
.index5_main li:hover .title{ left:0; top:0;}

/*************************index5 end********************/




.z_header_nav li.active::before,.z_header_nav li:hover::before,.z_pro_nav li.active::before,.z_pro_nav li:hover::before{ width: 100%; left: 0;}
.z_header_nav li.active a,.z_header_nav li:hover a,.z_pro_nav li.active a,.z_pro_nav li:hover a{ color: #444295;}

.z_menu_mask{ width: 52.08333vw; transform-origin: left; transform: perspective(1000px) rotateY(90deg);transform-style: preserve-3d; opacity: 0; transition: ease 1s; padding: 4vw 3.64583vw 2.6vw 11.71875vw; box-sizing: border-box; height: 100%; position: fixed;left: 0;top: 0; z-index: 10; background: #fff;}
.z_menu_mask.on{ transform: perspective(1000px) rotateY(0deg); opacity: 1;}
.z_menu_mask::before{ content: ""; transition: ease 1s;  display: block; width: 4.2vw; height: 100% ;  position: absolute; left: 0;top: 0;background: linear-gradient(180deg, #421C89 0%, #203D72 100%);}
.z_menu_mask.on::before{ height: 100%; transition-delay: .4s;   transform: perspective(600px) rotateY(0deg);}
.z_menu_mask.on .z_cd{ transform: translateY(0);}
.z_menu_logo{ position: absolute; left:11.71875vw ; top: 4vw;}
.z_menu_logo img{ display: block; height: 2.6vw;}
.z_menu_nav{ width: 100%;}
.z_menu_nav li{ width: 33.3%; float: left; margin-bottom: 4vw;}
.z_menu_nav li h3{ margin-bottom: 0.6vw;}
.z_menu_nav li h3 a{font-size: 1.04vw;font-weight: bold;color: #2B2B2B;}
.z_menu_nav li a{ display: block;}
.z_menu_nav .down a{font-size: 16px;color: #818181;line-height: 30px;}
.z_menu_nav li a:hover{ color: #0C2FA7; transform: translateX(10px);}
.z_menu_btom{ position: absolute; left: 0;bottom: 3vw; width: 100%; padding-left: 11.71875vw; padding-right:3.64583vw ;}
.z_menu_btom .tel img{ display: block; height: 5.625vw;}
.z_menu_btom .tel{ margin-right: 1.5vw;}
.z_menu_btom .info h3{font-size:1.82291vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #171717;}
.z_menu_btom .info h4{font-size: 16px;font-family: SourceHanSansCN;font-weight: 500;color: #5B5B5B;}
.z_menu_btom .info .num{font-size: 1.5625vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #0C2FA7; margin-top: 1.2vw;}
.z_menu_code li .img{width:5.88541vw;height: 5.88541vw;background: #FFFFFF;border: 1px solid #D2D2D2; margin-bottom: 10px;}
.z_menu_code li .img img{ display: block;}
.z_menu_code li{ display: inline-block; text-align: center; margin-left: 20px;color: #5B5B5B; font-size: 16px;}
.z_cd{ color: #fff; width: 4.2vw; position: absolute; text-align: center; left: 0; top: 5.2vw; writing-mode: vertical-lr; 
    writing-mode: tb-lr; margin: 0 auto; transition-delay: 1s;   line-height:4.2vw; font-size: 16px; transition: ease 1s; 
	}
.z_page_top{ margin-top: 100vh; background: #fff;}
.z_index_about .flwarp{ width: 66.5%; padding-top: 3.85416vw;
    padding-right: 19.2vw;
    padding-bottom: 8.85416vw;
    padding-left: 0;height: 56vw; /*background: #f7f7f7; */padding-right: 29.2vw; text-align: justify; box-sizing: border-box;}
.z_index_tit{font-size:1.66666vw; line-height: 1.875vw; }
.z_index_tit .en{font-family: ZapfHumanist601BT;font-weight: bold;color: #0C2FA7; ;font-size: 1.41304vw;}
.z_index_tit .cn{font-weight:bold;color: #161616;}
.z_index_desc{font-size: 16px;font-weight: 400;color: #5B5B5B;line-height: 28px; margin: 2.6vw 0;width:65%;}
.z_more{ display: block;width: 161px;color: #F7F7F7;transform-style: preserve-3d;transition: ease .8s; font-size: 16px;height: 51px;background: linear-gradient(90deg, #1A408A 0%, #5D3A98 100%); line-height: 50px;text-align: center; color: #fff;}
.z_more:hover{ }
.z_index_about .frwarp{ width: 33.5%; height: 43vw; background-position:right bottom ; background-attachment: fixed; padding-top: 2.8125vw;
    padding-right: 7.8125vw;
    padding-bottom: 7.8125vw;
    padding-left: 7.8125vw;box-sizing: border-box; color: #fff;}

.z_index_about2 .frwarp,.z_index_about .flwarp{ height: 39.875vw;}
.z_about_num .timer{font-size:2.34375vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #F7F7F7; display: inline-block; margin-right: 5px;}
.z_about_num font{ display:inline-block; margin-left:3vw; }
.z_about_num h3{color: #F7F7F7; font-size: 17px;}
.z_about_num h4{font-size: 16px;color: #F7F7F7;opacity: 0.3;}
.z_about_num li{ margin-bottom: 6vw;}
.z_index_video{width:70.3125vw;height: 28.80208vw; transition: ease 1s; margin: 0 auto; margin-top: -11.77083vw; position: relative;}

.z_index_video::before{ content: ""; display: block;width: 1px;
height: 10.5vw;
background: #FFFFFF;
opacity: 0.5; position: absolute; right: 13.02083vw; top: -6.29166vw; z-index: 1;}
/* .z_index_video:hover .imgbg{ transform: scale(1.1,1.1);} */
.z_index_video .infobox{ position: absolute; left: 6.25vw; bottom: 5.2vw; color: #fff;}
.z_index_video .icon{ display: block;width: 5.52083vw;animation: animtran 3s linear infinite; margin-right: 20px;position: relative; cursor: pointer;}
.z_index_video h3{font-size: 1.82291vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #F7F7F7;}
.z_index_video h4{font-size:1.04vw;font-weight: 400;color: #F7F7F7;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../img/close.png) no-repeat center; z-index: 100; cursor: pointer;}
#video,#zvideo{width:100%; max-height: 100%;}
.video_pop .warp,.z_video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; overflow: hidden;}
.z_video_pop{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: ease 1s;}
.z_video_pop.on{ visibility: visible; opacity: 1;}
.z_video_pop .close_btn{ display: block!important;}
 @keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }
.z_index_bsc{ margin-top: 5.2vw; padding-bottom: 5.2vw;}
.z_index_bsc .flwarp,.z_index_bsc .frwarp{ width: 50%; float: left;}
.z_index_bsc .flwarp{ padding-left: 3.85416vw; box-sizing: border-box; position: relative;}
.z_index_bsc  .map{ display: block; width: 100%; animation: opacitys 1s infinite; }
 @keyframes opacitys {
            from {
               opacity: .5;
            }
            to {
                 opacity: 1;
            }
        }
.z_index_bsc .infobox{ position: absolute; left: 3.85416vw; bottom: 0;font-size: 16px;font-weight: bold;color: #7C7C7C;}
.z_index_bsc .icon{ display: block; height: 50px;}
.z_index_bsc .infobox h3{color: #0C2FA7; font-size: 16px;}
.z_index_bsc .infobox .timer{font-size: 2.34375vw; display: inline-block; margin-right: 10px;font-family: ZapfHumanist601BT;font-weight: bold;color: #0C2FA7;}
.z_index_bsc .frwarp{ width: 27.08333vw; margin-left: 8.33333vw;}

.z_qxgs_warp .tit{font-size:20px;font-weight: bold;color: #252525; margin-bottom: 1.8vw;}
.z_qxgs_warp li{ width: 48%; float: left; overflow: hidden; margin-bottom: 1vw; height: 5.2vw; display: flex; align-items: center; justify-content: center;background: #F4F4F4;}
.z_qxgs_warp li:nth-child(even){ float: right;}
.z_qxgs_warp li img{ display: block;max-width: 90%; max-height: 90%; transition: ease 1s;}
.z_qxgs_warp li:hover img{ transform: scale(1.05,1.05);}
.z_index_bsc .z_index_desc{ min-height: 11vw; margin-bottom: 1vw; }

.z_index_jg{ width: 100%; height: 55.98958vw; background-position: top center; position: relative;}
.z_pro_small li{ width: 8vw; height: 8vw; background: #fff;opacity: .8;animation: spin 10s infinite linear;transform-origin: 30% 60px; position: absolute; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.z_pro_small li:nth-child(1){ left: 12.5vw; top:12.5vw ; }
.z_pro_small li:nth-child(2){ left: 7.29166vw; top:20.83333vw ;width:6.25vw; height: 6.25vw;  animation: spin2 20s infinite linear;}
.z_pro_small li:nth-child(3){ left:15.98958vw; top:22.91666vw ;width:6.25vw; height: 6.25vw; }
.z_pro_small li:nth-child(4){ left:12.70833vw; top:30.57291vw ;  opacity: .6; width:4.47916vw; height: 4.47916vw;animation: spin2 20s infinite linear;}
  @keyframes spin{
      to{transform: rotate(1turn); opacity: 1;}
  }
  @keyframes spin2{
      to{transform: rotate(-1turn);opacity: 1;}
  }


.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}
.p-lg-4 {
    padding: 1.5rem!important;
}
.z_index_jg .frwarp{  box-sizing: border-box ; margin-top: 8vw; width: 39.58333vw;}
.z_jg_box{ margin-top: 4vw;}
.z_jg_tab li a{font-size: 20px; line-height: 40px; font-weight: 500;color: #787878; position: relative; padding-left: 28px;}
.z_jg_tab li a::before{ content: ""; display: block; width: 11px;
height: 11px; z-index: 1;
background: #8D8D8D;  position: absolute; left: 0; top: 50%;transform: translateY(-50%) rotate(45deg);}
.z_jg_tab li a:hover,.z_jg_tab li.active a{ color: #0C2FA7;}
.z_jg_tab li a:hover::before,.z_jg_tab li a.active::before{ background: #0C2FA7;}
.z_jg_con{ margin-left: 6vw; }
.z_jg_con li .icon{width: 5.625vw;height:5.625vw; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.z_jg_con li .icon::before{ content: ""; display: block; width: 100%; height: 100%;animation: animtran 10s linear infinite; background: url(../img/x.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.z_jg_con li .img{width: 4.6875vw;height:4.6875vw; overflow: hidden;  transition: ease 2s;border-radius: 50%; background: #fff;}
.z_jg_con li{ float: left; text-align: center; margin-right: 2vw;}
.z_jg_con li img{ transition: ease .8s; display: block; width: 100%;}
.z_jg_con li:hover img,.z_jg_con li.active img{ transform: translateY(-4.6875vw);}
.z_jg_con li:hover .img,.z_jg_con li.active .img{background: linear-gradient(180deg, #411C89 0%, #203D72 100%);}
.z_jg_con li a{color: #606060;font-size: 18px; }
.z_swiper_warp{width: 85.41666vw; position: relative;   padding-left: 14.84375vw; padding-right: 5.2vw; box-sizing: border-box; background: linear-gradient(180deg, #411C89 0%, #203D72 100%); margin-top: -12.5vw; position: relative;}
.z_pro_swiper{ text-align: center; color: #fff; min-height: 25.52083vw; position: relative; }
.z_pro_swiper .icon{ width: 5.625vw; display: flex; padding: 15px; box-sizing: border-box; align-items: center; justify-content: center; height: 5.625vw; margin: 0 auto; position: relative;}
.z_pro_swiper .icon img{ display: block; max-width: 100%; max-height:100%;}
.z_pro_swiper .icon::before{content: ""; display: block; width: 100%; height: 100%;animation: animtran 10s linear infinite; background: url(../img/x2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.z_pro_swiper .bd li{ padding: 3.6vw 0;}
.z_pro_swiper .bd li h3{font-size: 1.5625vw;font-weight: bold;color: #F7F7F7; margin: 1.5vw 0;}
.z_pro_swiper .bd li .desc{width: 675px;font-size: 16px; margin: 0 auto; font-family: SourceHanSansCN;font-weight: 400;color: #FFFFFF;line-height: 30px;opacity: 0.5;}
.z_swiper_btn{ position: absolute;z-index: 3; left:0; top: 50%; transform: translateY(-50%);}
.z_swiper_btn .btn{ display: block;width: 50px; cursor: pointer; outline: none;height: 50px; box-sizing: border-box;color: #fff;border: 2px solid #B0B8C6;border-radius: 50%; text-align: center; display: flex; transition: ease .7s; align-items: center; justify-content: center; margin: 20px 0;}
.z_swiper_btn .swiper-button-disabled{background: #1B1B1B;
opacity: 0.1; border-color: rgba(27,27,27,.01);}
.z_swiper_hd{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.z_swiper_hd li{ display: block;width: 10px;height: 10px; margin:12px  0 ; box-sizing: border-box; border: 2px solid #FFFFFF;opacity: 0.5;border-radius: 50%; transition: ease 1s; outline: none; cursor: pointer;}
.z_swiper_hd li.on{ border-radius: 0; background: #fff; transform: rotate(45deg); opacity: 1; border: none;}
.z_index_jg{ overflow: hidden;}
.z_index_jg .imgbg{ transform: scale(1.3,1.3);    transition: all 3s cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);}
.z_index_jg.animated .imgbg{ transform: scale(1,1);}
.z_index_news{padding: 7.65625vw  14.84375vw; box-sizing: border-box; background: #f7f7f7;}
.z_index_news .z_index_tit .en{ margin-bottom: 0;}
.z_index_tit .line{ display: block;width: 47px;height: 3px;background: #C9C9C9; margin: 2.5vw 0;}
.z_fbt h3{font-size: 1.04vw;font-weight:bold;color: #252525;}
.z_fbt h4{color: #8F8F8F; font-size: 16px;}
.z_fbt{ margin-bottom: 7vw;}
.z_news_nav a{font-size: 18px; margin-right: 1vw; font-weight: 500;color: #787878; display: inline-block; position: relative; padding-left: 20px;}
.z_news_nav a::before{ content: ''; display: block;width: 11px;height: 11px;background: #8D8D8D; z-index: 1; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg);}
.z_news_nav a.active::before{ background: #0C2FA7;}
.z_news_nav a.active{ color:#0C2FA7 ;}
.z_index_news .frwarp{ width:43.75vw ;}
.z_news_li{ width: 32.7%; float: left;}
.z_news_li li{ width: 100%; height: 10.6vw; margin-bottom:1vw; position: relative; z-index: 1;}
.z_news_li li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;border: 4px solid #0c2fa7; pointer-events: none;  z-index: 1; transition: ease 1s; opacity: 0;}
.z_news_li li.active::before{ opacity: 1;}
.z_news_con{ width: 64%; float: right;padding: 0vw 4vw;background: #fff; box-sizing: border-box; }
.z_news_con .child{ height: 33.8vw; display: none; padding-top: 6vw;  width: 100%; position: relative;}
.z_news_con .child:hover h3,.z_news_con .child:hover .mr{ color:#0C2FA7;}
.z_news_con .child.active{ display: block;}
.z_news_con .child h3{font-size: 20px;font-weight: 500;color: #252525; margin-bottom: 1.5vw;line-height: 30px;}
.z_news_con .child .desc{font-size: 16px;font-weight: 400;color: #686868;line-height: 28px;}
.z_news_con .bar{ position: absolute; left: 0; bottom: 0; padding: 30px 0; border-top: 1px solid #DCDCDC; width: 100%;color: #858585;}
.mr{ margin-left: auto;}
.z_news_child{ display: none;}
.z_news_child.active{ display: block;}
.z_index_news .flwarp{ width: 18.22916vw;}

.z_index_btm .flwarp{ width: 50%; float: left; height: 40.2vw; text-align: center; color: #fff;}
.z_icon{ margin: 0 auto; border-radius: 50%; position: relative; padding: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: baseline;}
.z_icon img{ display: block; max-width: 100%; max-height: 100%; }


.z_index_btm .flwarp .z_index_tit .cn,.z_index_btm .z_btm_box2 .cn{color: #fff;}
.z_index_btm .flwarp .z_index_tit .en,.z_index_btm .z_btm_box2 .en{ color: #fff; margin-bottom: 0;}
.z_index_btm .flwarp .z_index_tit{ margin-top: 1vw; margin-bottom: 3vw;}
.z_index_btm .z_index_tit .cn{ font-size:1.35416vw ;}
.z_index_btm .z_index_tit .en{ margin-bottom: 0;}
.z_hz_swiper{ overflow: hidden;}
.z_hz_swiper li .img{ width:33.3%; float: left; height: 4.5vw; padding: 10px 0; display: flex; align-items: center; justify-content: center;}
.z_hz_swiper li img{ display: block; max-width: 100%; max-height: 100%;}
.z_hz_hd li{ display: inline-block; cursor: pointer; outline: none; width: 12px; margin: 0 8px; height: 12px;background: #DCDCDC; transition: ease .5s;opacity: 0.5;border-radius: 50%;}
.z_hz_hd li.on{opacity: 1; border-radius: 0; transform: rotate(45deg) scale(.8,.8); background: #fff;}
.z_hz_hd{ margin-top: 3vw;}
.z_index_btm .frwarp{ width: 50%;}
.z_index_btm .z_btm_box{ height: 20.1vw;overflow: hidden; padding: 0 5.72916vw; box-sizing: border-box; position: relative;}
/* .z_index_btm .z_btm_box::before{ content: ""; display: block; transition: ease 2s; transform-origin: left center; width: 100%; height: 100%; background: url(../img/bg4.jpg) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}
 */.z_index_btm .z_btm_box .z_icon{ margin-right: 3vw;}
.z_index_btm .z_btm_box.animated::before{ transform: translateX(100%);}
.z_index_btm .z_btm_box:last-child::before{display: none;} 
.z_footer{ background: #14191d; overflow: hidden;}
.z_footer .flwarp,.z_footer .frwarp{ width: 50%; position: relative; }
.z_footer .flwarp{ padding-top: 2.2vw;
    padding-right: 5.2vw;
    padding-bottom: 5.2vw;
    padding-left: 6.25vw; padding-right: 5.2vw; box-sizing: border-box;}
.z_foot_logo{}
.z_foot_logo img{ display: block; height: 2.6vw;}
.z_foot_nav{ margin-top: 3.5vw;}
.z_foot_nav li{ width: 20%;}
.z_foot_nav li h3 a{ font-size: 16px; font-weight: bold; color: #fff;}
.z_foot_nav .down a{color: #818181;line-height: 30px; font-size: 15px;}
.z_foot_copy{ color: #7F7F7F; width: 50%;float: left; height: 6.25vw; display: flex; align-items: center;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; padding: 0 6.25vw; box-sizing: border-box;}
.z_foot_copy a{color: #7F7F7F; }
.z_footer .frwarp{ justify-content: center; padding-right: 3.5vw; box-sizing: border-box;}
.z_footer .frwarp .z_icon{ margin: 0; margin-bottom: 10px;}
.z_footer .frwarp .z_index_tit .en{ margin-bottom: 0; line-height: normal;color: #171717; font-size: 1.875vw; line-height: 1.8vw; margin-left: 3vw;}
.z_footer .frwarp .z_index_tit .cn{color: #fff; font-size: 16px; margin-left: 4.3vw; }
.z_foot_tel{font-size: 1.5625vw; font-family: ZapfHumanist601BT;font-weight: bold;color: #0C2FA7; margin: 1vw 0 3vw 0;}
.z_foot_code li{ margin-left: 0; margin-right: 20px;}
.line22{ margin-left: 2vw; margin-right: 2vw;}
.z_foot_map{ width: 22.83333vw;  margin-left: auto;}
.z_foot_ly{  font-size: 16px; width: 50%; float: left; color: #fff;  height: 6.25vw; display: flex; align-items: center; background: linear-gradient(90deg, #0C2FA7 0%, #381F8E 100%); padding: 0 6.25vw; box-sizing: border-box;}
.z_foot_ly p{ margin-right: 4vw;}
.z_foot_ly p:last-child{ margin-right: 0;}
.z_foot_ly p .iconfont{ font-size: 20px;margin-right: 10px;}
.z_foot_map img{ width: 100%; display: block;}
.threeCanvas {
    position: absolute;
    left: 0;
    bottom: -30%;
    width: 100%;
    height: 100%;
}

.lxfs{ color: #fff;font-size: 1.3vw;}
.lxfs_p{ color: #fff; font-size: 0.8vw; line-height: 1.8vw; margin-top: 1vw;}


.z_other_banner{ position: relative; overflow: hidden; height: 24.0625vw;}
.z_other_banner img{ display: block;width: 100%;}
.z_other_text{ position: absolute; left: 14.84375vw; top: 50%; transform: translateY(-50%); color: #fff;}
.z_other_text h3{font-size: 3.75vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #F7F7F7;}
.z_other_text h4{font-size: 1.875vw;font-weight: bold;color: #F7F7F7;}
.z_banner_bar{ position:absolute; padding: 2.6vw 0; writing-mode: vertical-lr; 
    writing-mode: tb-lr; line-height: 4vw; left: 0; top: 0; width: 4vw; display: flex; align-items: flex-end; justify-content: flex-end; color: #fff; z-index: 2;background: linear-gradient(0deg, #0C2FA6 0%, #411C89 100%); height: 100%;}
.z_banner_bar .line{ display: block; width: 1px; margin: 0 auto; height: 57px;background: #FFFFFF;opacity: 0.5; margin-bottom: 1vw;}

.z_case_page{ background: #f7f7f7;}
.z_case_hz{ width: 100%; padding-left: 4vw; box-sizing: border-box; position: relative;}
.z_case_hz .flwarp{ width: 63%; background: #fff; padding: 8vw 10vw; padding-bottom: 4vw; padding-right: 6vw; box-sizing: border-box;}
.z_hz_swiper2 li .img{ justify-content: flex-start; padding-right: 10px; box-sizing: border-box;}
.z_case_hz .flwarp .z_index_tit .en{ font-size: 1.41304vw; line-height: 1.58vw; margin-bottom: 1.5vw;}
.z_case_hz .flwarp .z_index_tit .cn{ font-size: 1.56vw;}
.z_case_hz .flwarp .z_index_tit { margin-bottom: 4vw;}
.z_hz_swiper2 .z_hz_hd{ text-align: center;}
.z_hz_swiper2 .z_hz_hd li.on{ opacity: 1; background: #DCDCDC;}
.z_case_hz .frwarp{ width: 37%; height: 100%; position: absolute; right: 0; top: 0; justify-content: center; text-align: center;}
.z_case_hz .frwarp .z_index_tit .en{color: #fff; margin-bottom: 0;}
.z_case_hz .frwarp .z_index_tit .cn{color: #fff; margin-bottom: 0; font-size: 1.35869vw;}
.z_case_hz .frwarp .z_index_tit{ margin-top: 1vw;}

.z_case_warp{padding: 7.8vw 0; padding-left: 15.21739vw; box-sizing: border-box; display: flex;}
.z_case_warp .flwarp{ width: 255px;  flex-shrink: 0; margin-right: 4vw;}
.z_case_warp .flwarp .line{ margin: 25px 0;}
.z_case_warp .flwarp  .z_index_desc{ margin: 0;font-size: 18px;font-weight: 400;color: #252525;line-height: 30px; text-align: justify; margin-bottom: 2.5vw;}
.z_case_warp .z_index_tit .en{ font-size: 3.125vw;}
.z_case_warp .z_index_tit .cn{font-size:1.52173vw ;}
.z_swiper_btn2{ position: relative; top: auto; transform: translate(0);}
.z_swiper_btn2 .btn{ display: inline-block; margin: 0; margin-right: 20px; transition: ease 1s; line-height: 46px; background: linear-gradient(0deg, #0C2FA6 0%, #421C89 100%);border-color: transparent;}
.z_swiper_btn2 .swiper-button-disabled{background: none; color: #B0B8C6; border: 2px solid #B0B8C6; opacity: 1;}
.z_case_swiper{ flex: 1; overflow: hidden;}
.z_case_swiper li .imgbox{ width: 100%; height: 11.41304vw; overflow: hidden;}
.z_case_swiper li a{ display: block; background: #fff; padding: 3vw 1vw; padding-bottom: 10px; box-sizing: border-box;}
.z_case_swiper li .infobox{ height: 5.60869vw; margin-top: 2vw; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center;
color: #252525; font-size: 20px;}
.z_case_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_case_swiper li:hover .infobox{ color: #0C2FA7;}
.z_zd_case{  padding-bottom: 6.25vw;}
.z_zd_case .z_index_tit{ text-align: center;}
.z_zd_case .z_index_tit .cn{ font-size: 1.5vw; }
.z_zd_case .z_index_tit .en{ font-size: 2.5vw; margin-bottom: 0;line-height: normal;}
.z_zd_swiper{ width: 1350px; margin: 0 auto; overflow: hidden; margin-top: 3vw;}
.z_zd_swiper li{padding: 0 50px; box-sizing: border-box;background: #fff;}
.z_zd_swiper li a{ display: block; height: 570px; padding: 50px 0; box-sizing: border-box;  position: relative;}
.z_zd_swiper li .imgbox{ height: 200px;}
.z_zd_swiper li h3{font-size: 20px;line-height: 30px;font-weight: 500;color: #252525; margin-top: 50px; margin-bottom: 15px;}
.z_zd_swiper li h4{font-size: 16px;font-weight: 400;color: #686868;line-height: 28px;}
.z_zd_swiper li .bar{ width: 100%; position: absolute; left: 0; bottom: 10px;color: #858585; font-size: 16px; border-top: 1px solid #DCDCDC; padding: 15px 0;}
.z_zd_swiper li:hover h3,.z_zd_swiper li:hover .mr{ color: #0C2FA7;}
.z_zd_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}

.z_pro_fl{ width: 26%; height: 46.8vw; }
.z_pro_fl li{ width: 100%;transition: ease 1s;  position: relative; z-index: 1;}
.z_pro_fl li::before{ content: ""; z-index: -1; display: block; transition: ease 1s; width: 0; height: 100%;background: linear-gradient(267deg, #421C89 0%, #203D72 100%); position: absolute; left: 0; top: 0;}
.z_pro_fl li a{ display: flex; align-items: center;height: 15.6vw; padding-left: 3vw; box-sizing: border-box; color: #fff;}
.z_pro_fl li .num{ width: 4.16666vw; margin: 0; margin-right: 1vw; font-style: italic; height: 4.16666vw; justify-content: center;font-family: ZapfHumanist601BT;font-weight: normal; font-size: 1.875vw;color: #F7F7F7;}
.z_pro_fl li h3{font-size: 1.71875vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #F7F7F7;}
.z_pro_fl li h4{font-size: 1.35416vw;}
.z_pro_fl li.active::before,.z_pro_fl li:hover::before{ width: 100%;}
.z_pro_head .frwarp{ width:74%; float: left; position: relative; height: 46.8vw; background-position: left top;}
.z_pro_head .z_jg_con{ position: absolute; right: 4vw; bottom: 4vw;}

.z_pro_nav{ text-align: center; border-bottom: 1px solid #E5E5E5; margin-bottom: -1px;background: #fff;}
.z_pro_nav li{ display: inline-block; line-height: 5.2vw; margin: 0 25px; position: relative;}
.z_pro_nav li a{ display: block; font-size: 18px; color: #606060;}
.z_pro_list li{ width: 25%; background: #fff; float: left; height: 25vw;border: 1px solid #E5E5E5; border-bottom: none; border-right: none;}
.z_pro_list li a{ display: block; width: 100%; height: 100%;}
.z_pro_list li .imgbox{ display: flex; align-items: center; justify-content: center; height: 21vw; padding: 1vw; box-sizing: border-box;}
.z_pro_list li h3{ text-align: center;color: #252525; font-size: 18px;}
.z_pro_list li img{ display: block; max-height: 100%; max-width: 100%; transition: ease 1s;}
.z_pro_list li:hover img{ transform: scale(1.1,1.1);}
.z_pro_list2 li { position: relative;}
.z_pro_list2 li .imgbox{ width: 100%; height: 100%;padding: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.z_pro_list2 li img{ min-height: 100%; min-width: 100%;}
.z_pro_list2 li h3{ color: #fff; position: absolute; left: 0; bottom: 2.6vw; width: 100%; text-align: center;}
.z_loadmore{ justify-content: center;font-size: 18px;font-weight: 400;color: #6E6E6E; margin: 2vw auto;}

.z_pro_page{ background: #f7f7f7; padding-bottom: 1px;}
.z_proxq_page{border-bottom: 1px solid #e9e9e9;}
.z_proxq_page .flwarp{ width: 25%;border-right: 1px solid #e9e9e9;}
.z_proxq_page .flwarp .titbox{ height: 25vw; background-position: bottom center; display: flex; align-items: center; color: #fff; padding:1vw 3vw; box-sizing: border-box;font-size: 1.5625vw;font-weight: bold;color: #FFFFFF;}
.z_proxq_page .flwarp .imgbox{ height: 25vw; display: flex; align-items: center; justify-content: center;border: 1px solid #e9e9e9; border-right: none; box-sizing: border-box;}
.z_proxq_page .flwarp .imgbox img{ display: block; max-width: 100%; max-height: 100%;}
.z_proxq_page .frwarp{ width: 52%; margin-left: 7.8%; float: left;}
.z_xq_box{ border-bottom: 1px solid #e9e9e9; display: flex; align-items: center; padding: 2.8vw 0;}
.z_xq_box .titbar{ flex-shrink: 0;font-size: 20px;font-weight: bold; width: 270px; padding-right: 20px; box-sizing: border-box;}
.z_xq_box .titbar h3{font-family: ZapfHumanist601BT;color: #0C2FA7;}
.z_xq_box .titbar h4{color: #252525;font-weight: bold;}
.z_xq_box .conbar{color: #494949; font-size: 16px;
line-height: 24px; flex: 1;}
.z_xq_box:last-child{ border-bottom: none;}
.z_xq_box .conbar img{ max-width: 100%!important; height: auto!important;}
.z_about_video{ height: 50vw; position: relative; display: flex; align-items: center; justify-content: center; text-align: center;}
.z_about_video .infobox{}
.z_about_video span{font-size: 20px;font-family: ZapfHumanist601BT;color: #535353;}
.z_about_video .titimg{ margin: 30px 0;}
.z_about_video .titimg img{ display: block; margin: 0 auto; height: 3.13vw;}
.z_about_video .desc{color: #5B5B5B;font-size: 1.25vw;}
.z_about_video .playbox{ margin-top: 3vw; cursor: pointer;}
.z_about_video h3{font-size: 20px;color: #707173; margin-top: 10px;}
.z_about_honor{ padding: 7.08333vw 0; position: relative; height: 46.875vw;}
.z_about_honor .flwarp{ width: 240px; margin-left: 14.58333vw; }
.z_about_honor .z_icon{ margin: 0;}
.z_about_honor .z_index_tit { margin: 2vw 0;}
.z_about_honor .z_index_tit .cn,.z_about_honor .z_index_tit .en{ color: #fff;}
.z_about_tit .en{ font-size: 3.125vw;}
.z_about_tit .cn{ font-size: 1.30208vw;}
.z_about_honor .desc{font-size: 16px;font-weight: 500;color: #7E8A98;line-height: 30px;}
.z_about_honor .frwarp{ position: absolute; display: flex; align-items: center; padding-left:21.875vw; padding-right: 2.6vw; box-sizing: border-box; box-sizing: border-box; right: 0; bottom: 0; width: 50%; color: #fff; height: 34.89583vw; background: linear-gradient(267deg, #421C89 0%, #203D72 100%);}
.z_honor_img{ width: 25.78125vw; height: 18.95833vw; background: url(../img/xk.jpg) no-repeat center; background-size: 100% 100%; padding: 2.44791vw; box-sizing: border-box; position: absolute; left: -8.85416vw; top: 50%; transform: translateY(-50%);}
.z_honor_swiper{ width: 100%; position: relative; overflow: hidden;}
.z_honor_swiper .year{font-size: 2.5vw; line-height: 2.6vw; font-family: ZapfHumanist601BT;font-weight: bold; margin-bottom: 2.6vw;}
.z_honor_swiper li{font-size: 18px;font-weight: 500;  cursor: pointer; margin-bottom: 1vw;  color: #FFFFFF; color: #7E8A98; transition: ease 1s;}
.z_honor_swiper li.active{ color: #fff;}
.z_honor_swiper ul{ height: 12vw; overflow-y: auto; padding-right: 1vw; box-sizing: border-box;}
.z_honor_btn{ position: absolute; left: 12.8vw; bottom: 0; line-height: 2.6vw;z-index: 3;}
.z_honor_btn .iconfont{ display: inline-block; margin:0 20px;  outline: none; cursor: pointer;}
.z_honor_btn .iconfont.swiper-button-disabled{ opacity: .5;}
.z_about_process{ background: #f7f7f7; padding: 5.2vw 14.58333vw; box-sizing: border-box;} 
.z_about_process .year{font-size: 4.16666vw; line-height: 4vw; font-family: ZapfHumanist601BT;font-weight: bold;color: #0C2FA7;}
.z_about_process .tit{font-size: 1.35416vw;font-family: SourceHanSansCN;font-weight: 500;color: #252525; margin: 1vw 0;}
.z_about_process .desc{font-size: 16px;font-weight: 400;color: #686868;line-height: 28px;}
.z_about_process .flwarp{ width: 35%; margin-top: 5vw;}
.z_about_process .imgbg{ width: 50%; height: 21.875vw; transform: scale(.6,.6);}
.z_about_process .z_index_tit .line{ margin: 2vw 0;}
.z_about_process .z_index_tit{ margin-bottom: -5vw; position: relative; z-index: 4;}
.z_process_year{  margin-top: 6vw; overflow: hidden; text-align: center; position: relative; padding-top: 23px;}
.z_process_year::before{ content: ""; display: block; width: 100%; height: 1px; background: #DCDCDC; position: absolute; left: 0; top:23px;}
.z_process_year li{ position: relative; transition: ease .6s; cursor: pointer;  padding-top: 30px; font-size: 1.04166vw;font-family: PingFang;color: #898989;}
.z_process_year li::before{ content: ""; transition: ease 1s; display: block; width: 34px; height: 34px; background: #dcdcdc; border: 12px solid #f4f4f4; border-radius: 50%; box-sizing: border-box; position: absolute; top: -17px; left: 50%; transform: translateX(-50%);}
.z_process_year li.swiper-slide-thumb-active{font-weight: bold;
color: #0C2FA7; font-size:1.30208vw;}
.z_process_year li.swiper-slide-thumb-active::before{ border-color: #0C2FA7;}
.z_about_process .swiper-slide-active .imgbg{ transform: scale(1,1);}
.z_process_year .iconfont{ width: 45px; display: inline-block; line-height: 45px; text-align: center; cursor: pointer; outline: none;
height: 45px;
background: #EEEEEE;
border-radius: 50%; align-items: center;  position: absolute; top: 0px; z-index: 3;}
.z_process_year .swiper-button-next{ right: 0;}
.z_process_year .swiper-button-prev{ left: 0;}

.z_contact_page{background: #f7f7f7;}
.z_contact_way{ padding: 6vw 10vw; box-sizing: border-box;}
.z_contact_tit .en{ font-size: 2.34375vw; margin-bottom: 0;}
.z_contact_tit .cn{ font-size: 1.45833vw;}
.z_contact_li{ margin-top: 6vw; width: 50%; float: left;}
.z_contact_li li{ border-left: 2px solid #1440A3 ; width: 50%; float: left; padding-left: 20px; color: #0031AE; font-size: 16px;}
.z_contact_li li span{ display: block;font-size: 1.30208vw;font-family: arial;font-weight: 500;color: #303030;}
.z_conatc_dz{ float: right; width: 25.26041vw;}
.z_conatc_dz .icon{ display: block; height: 2.6vw;}
.z_conatc_dz span{ display: block; margin: 20px 0;color: #8A8A8A; font-size: 18px;}
.z_conatc_dz h3{font-size: 20px;font-weight: 500;color: #080808; margin-bottom: 20px;}
.z_conatc_dz h4{font-size: 20px;
font-family: Arial;
font-weight: 400;
color: #080808;
line-height: 24px;}
.z_contact_box{ display: flex; align-items: center;}
.z_contact_box .imgbox{ width: 58%; height: 39.0625vw; background-position: left center; background-repeat: repeat-x; background-attachment: fixed;}
.z_contact_box .infobox{ width: 42%; display: flex; align-items: center; justify-content: center;}
.z_contact_box .dhbox{width: 13.02083vw;
height: 13.02083vw;
background: #FDBE00; position: relative;z-index: 1;
border-radius: 50%; display: flex;align-items: center; justify-content: center;}
.z_contact_box .dhbox::before{content: '';display: block;width: 100%;height: 100%;background: #FDBE00;box-shadow: 0px 0px 30px 0px rgba(200, 34, 38, 0.4);opacity: 0.3;border-radius: 50%; position: absolute; left: 0;top: 0; z-index: -1; animation: consult linear 2s infinite;}
 @keyframes consult{
  	0%,100%{transform:scale(.5);}
  	50%{transform:scale(1.2);}	
  } 
.z_contact_box .dhbox .icon{ display: block; margin: 0 auto; height: 2.6vw; margin-bottom: 1vw;}
.z_contact_box .dhbox h3{font-size:1.30208vw;font-weight: bold;color: #282828;}
.z_code_li{}
.z_contact_code{ display: flex; align-items: center; padding: 7.8125vw 10.41666vw; box-sizing: border-box;}
.z_contact_code .icon{ display: block; height: 2.8125vw; margin-right: 1.30208vw;}
.z_contact_code .titbar{color: #282828; font-size: 20px; margin-right: 16.66666vw;}
.z_code_li li .img{ border: none;}
.z_code_li li{}
.z_contact_img .imgbox{ height:42.91666vw;}
.z_contact_img .fl{ width: 57.8%;}
.z_contact_img .fr{ width: 42.2%;}
.z_kf_bar{width: 57.8%;background: linear-gradient(90deg, #0C2FA6 0%, #411C89 100%); padding-left: 10.4vw; display: flex;align-items: center; box-sizing: border-box; padding-right: 4.47916vw; height: 15.10416vw; color: #fff;}
.z_kf_bar .icon{ display: block; height: 2.96875vw; margin-right: 2.6vw;}
.z_kf_bar h3{ font-size: 25px;}
.z_kf_bar h4{ opacity: .5;}
.z_kf_bar .iconfont{ margin-left: auto; font-size: 2vw;}

.z_ly_warp{ padding: 5.2vw 10.4vw; box-sizing: border-box;}
.z_ly_warp .z_index_tit{ margin-bottom: 4vw;}
.z_ly_form{ background: #fff; padding: 4vw; box-sizing: border-box;}
.z_ly_form .flwarp,.z_ly_form .frwarp{ width: 46%;}
.z_ly_form li{ display: flex; align-items: center; border-bottom: 1px solid #d2d2d2;  margin-bottom: 1vw;}
.z_ly_form label{ display:block; min-width: 130px; line-height: 4.3vw; flex-shrink: 0; font-size: 18px;}
.z_ly_form li .input_text{ height:4.6vw; flex: 1; font-size: 16px ;}
.z_ly_form .texta_box{ width: 100%;height: 17.70833vw;background: #FFFFFF;font-size: 16px ;border: 1px solid #D2D2D2;border-radius: 3px; padding: 20px; box-sizing: border-box;}
.z_sub_btn{font-size: 18px;font-weight: bold;color: #0031AE; display: flex; align-items: center; cursor: pointer;}
.z_sub_btn .iconfont{ font-size: 2vw; margin-left: 10px; font-weight: normal;}

.z_ly_bg{ background: url(../images/bg10.jpg) no-repeat bottom center; background-size: cover;}

.z_news_page{ background:#f7f7f7 ;}
.z_news_list{ position: relative; margin-top: -4.58333vw; z-index: 2; padding: 0 14.58333vw; padding-bottom: 5.2vw; box-sizing: border-box; }
.z_news_list ul{ margin-left: -2%;}
.z_news_list li{ width: 48%; background: #fff; float: left; margin-left: 2%; margin-bottom: 1.8vw;}
.z_news_list li .infobox{ padding: 2.6vw; box-sizing: border-box; padding-top: 1vw;}
.z_news_list li span{ display: block; text-align: right;color: #565656; font-size: 15px;}
.z_news_list li h3{font-size:1.25vw;font-weight: 500;color: #131313; margin-top: 5.2vw;}
.z_news_list li .imgbox{ width: 100%; height: 18.54166vw; overflow: hidden;}
.z_news_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_news_list li:hover h3{ color: #0C2FA7;}
.z_news_list li .descbox{color: #848484;line-height: 24px; font-size: 16px; margin-top: 1vw;}

.z_tuanjian{padding: 0 14.58333vw; color: #fff;  box-sizing: border-box; padding-top: 6vw; background-attachment: fixed;}
.z_tj_titbar{ display: flex; }
.z_tj_titbar .z_icon{ margin: 0 ; margin-right: 1.77083vw;}
.z_news_tit .en{font-weight: bold;color: #F7F7F7; font-size: 2.08vw; margin-bottom: 0;}
.z_news_tit .cn{ color: #fff;font-size: 1.30208vw;}
.z_tj_list{ width: 28.38541vw; margin-top: 4vw;}
.z_tj_list li a{ display: flex; padding: 2.4vw 0; color: #fff;}
.z_tuanjian .timebox{ flex-shrink: 0;font-family: ZapfHumanist601BT;
font-weight: bold; margin-right: 2.6vw; text-align: center;
color: #F7F7F7;}
.z_tuanjian .timebox em{ display: block; font-size: 2.6vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #F7F7F7; line-height: 2.4vw;}
.z_tuanjian h3{font-size: 20px;font-weight: 500;color: #FFFFFF;line-height: 30px; transition: ease 1s;}
.z_tj_list li h4{color: #F7F7F7;line-height: 24px;opacity: 0.3; margin-top: 10px;}
.z_tj_list li{ border-bottom: 1px solid rgba(220, 220, 220, .1);}
.z_tj_list li:last-child{border-bottom: none;}
.z_tj_list li:hover h3{ transform: translateX(-10px); }
.z_tuanjian .frwarp{ width: 33.02083vw; margin-left: auto; background: linear-gradient(90deg, #0C2FA6 0%, #411C89 100%); padding: 3.64583vw; box-sizing: border-box; padding-top: 2.8vw;}
.z_tuanjian .titbox{ display: flex; align-items: center;}
.z_tuanjian .frwarp .imgbox{ width: 100%; height: 16.35416vw; margin: 2vw 0; overflow: hidden;}
.z_tuanjian .frwarp .descbox{color: #F7F7F7;
line-height: 24px;
opacity: 0.5;}
.z_tuanjian .frwarp .more{ display: flex;width: 126px;align-items: center; justify-content: center;
height: 47px; color: #fff;font-size: 16px; margin-top: 2vw;
border: 1px solid rgba(255,255,255,.5);
}
.z_tj_warp{display: flex; align-items: flex-end;}
.z_tuanjian .frwarp:hover .imgbg{ transform: scale(1.1,1.1);}

.z_wg_bg{ background-image: url(../images/bg10.png) ; background-position: bottom center; background-size: 100% auto;background-repeat: no-repeat;background-attachment: fixed;}
.z_xq_page{display: flex;}
.z_xq_flwarp{ width:70%; padding: 5.2vw 5.2vw 5.2vw 7.8125vw; box-sizing: border-box; flex-shrink: 0; border-right: 1px solid #e1e1e1;}
.z_artic_tit h3{font-size: 1.82291vw;font-weight: bold;color: #212121; margin-bottom: 1vw;}
.z_artic_tit .bar{font-size: 16px;font-family: DIN;font-weight: 500;color: #636363;}
.z_artic_tit span{ display: inline-block; margin-right: 30px;}
.z_artic_tit span .iconfont{ font-size: 20px; margin-right: 10px;}
.z_share a{ display: inline-block;width: 35px;
height: 35px; cursor: pointer;
background: #BFBFBF;
border-radius: 50%; line-height: 35px; text-align: center; color: #fff; font-size: 20px; margin-left: 20px;}
.z_share a:hover{ background: #0D3591;}
.z_artic_tit { border-bottom: 1px solid  #DCDCDC; padding-bottom: 2vw;}
.z_artic_con{ padding: 2vw 0;color: #494949;line-height: 36px; font-size: 16px; min-height: 30vw;}
.z_artic_con img{max-width: 100%!important; height: auto!important;}
.z_xq_frwarp{ width: 30%; padding: 3vw 5vw; box-sizing: border-box;}
.z_xq_frwarp .xgtit{font-weight: bold; margin-bottom: 1.5vw;
color: #212121;font-size: 1.30208vw;}
.z_xg_list{ padding: 0; margin-top: 0;}
.z_xg_list ul{ margin-left: 0;}
.z_xg_list li{ width: 100%;margin-left: 0; margin-bottom: 1.5vw;}
.z_xg_list li .imgbox{ height: 11.14583vw;}
.z_xg_list li .infobox{ padding: 1.5vw;}
.z_xg_list li h3{ margin-top:2vw; font-size: 18px;}

.z_topbtm_bar{ width: 100%; display: flex;justify-content: space-between;height: 74px; padding: 0 2.5vw; box-sizing: border-box;
background: #FFFFFF; align-items: center;}
.z_topbtm_bar a:hover{ user-select: none;
	pointer-events: none;
	mix-blend-mode: difference}

.z_zp_page{ width: 100%; background: #f7f7f7; padding-left: 4vw; box-sizing: border-box;}
.z_zp_list li{ display: flex; background: #fff; min-height: 30vw;border-bottom: 1px solid #DCDCDC;}
.z_zp_list li .zwbox{ flex-shrink: 0; position: relative; padding: 5vw 2.6vw; box-sizing: border-box; width: 24%; border-right: 1px solid #DCDCDC;font-size: 1.77083vw;font-weight: bold;color: #161616;}
.z_zp_list li .conwarp{ flex: 1; padding: 4vw 5.72916vw; box-sizing: border-box;}
.z_zp_list li .zwbox .en{ position: absolute; text-transform: uppercase; left: 0; bottom: 0; padding: 2.6vw; box-sizing: border-box;font-size: 3.125vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #F0F0F0;line-height: 3.125vw;}
.z_zp_list li .titbar{ display: inline-block;min-width: 100px;text-align: center;
height: 33px; color: #fff; position: relative;z-index: 1; line-height: 30px; margin-bottom: 15px;
}
.z_zp_list li .titbar::before{ content: "";display: block; width: 100%; height: 100%;background: linear-gradient(90deg, #0C2FA6 0%, #411C89 100%); transform: skewX(-16deg); position: absolute; left: 0; top: 0;}
.z_zp_list li .descbox{font-size: 16px;font-weight: 400;color: #787878;line-height: 30px;}
.z_zp_list li .conbox{ margin-bottom: 2.6vw;}
.z_zp_list li .conbox:last-child{ margin-bottom: 0;}

.z_msg_warp{ padding: 5.2vw 6.25vw; box-sizing: border-box; color: #fff; position: relative;}
.z_msg_warp .z_icon{ margin: 0;}
.z_msg_tit{ margin-left: 2.5vw;}
.z_msg_tit .en{font-size: 2.6vw; line-height: normal; margin-bottom: 0; color: #fff; }
.z_msg_warp .titbar{ margin-bottom: 6vw;}
.z_msg_tit .cn{ font-size: 1.5625vw; color: #fff;}
.z_msg_form{ width:28.125vw; margin-left: 4vw ;}
.z_msg_form li{ border-bottom: 1px solid rgba(255,255,255,.1);  display: flex; align-items: center;}
.z_msg_form li label{ flex-shrink: 0; margin-right: 20px;font-size: 16px;}
.z_msg_form li .input_text,.z_msg_form li .sel_text{ flex: 1; height: 4.89583vw; color: #fff;font-size: 16px;}
.z_msg_form li .sel_text{ background: url(../img/arr.png) no-repeat right center;}
.z_tj_btn{width: 146px;height: 51px; margin-top: 2.34375vw; background: #FFFFFF; display: flex; align-items: center; justify-content: center;font-size: 16px;font-weight: 500;color: #1B2A9E;}
.z_msg_warp .frwarp{width: 50%;position: absolute; padding: 5.2vw 8vw; box-sizing: border-box; right: 0; bottom: 0;background: linear-gradient(90deg, #0C2FA6 0%, #411C89 100%);}
.z_msg_warp .frwarp .z_msg_tit .en{ font-size: 1.8vw;}
.z_msg_warp .frwarp .z_msg_tit .cn{ font-size: 1.04vw;}
.z_msg_warp .tel{font-size:2.6vw;font-family: ZapfHumanist601BT;font-weight: bold;color: #F7F7F7;}
.z_msg_warp .dz{font-size: 1.04vw; margin: 15px 0;}
.z_msg_warp .yx{font-family: ZapfHumanist601BT;
font-weight: bold; font-size: 1.25vw;}
@media screen and (max-width:1616px){

.z_index_about2 .frwarp, .z_index_about .flwarp{ height:46vw;}
}
@media screen and (max-width:1496px){
	.z_about_num font{ display:inline;}
	.z_index_desc{ width:100%}
	.z_about_num li{margin-bottom: 2vw;}
	
}
@media screen and (max-width:1470px){
	.z_logo img{ max-height: 2.6vw;}
}
@media screen and (max-width:1250px){
	.index1_type li a em{ width: 15%;}	
	
}

@media screen and (max-width:1366px){
.z_index_video{margin-top: -6vw;}	
.z_boss_warp .flwarp{ width: 42vw;}
}
@media screen and (max-width:1267px){
	.index1_type li{ line-height: 30px;}
	.index1{ width: 90%;}
	
	  .index_box2 .box .boxBottom .item {
   
  }
  .index_box2 .box .boxBottom .item span {
    left: 2rem;
  }
  .index_box3 .box .boxRight .banner .swiper-slide:nth-child(2n) {
    margin-top: 0rem;
  }
  .index_box2 .box .boxTop .boxLeft {
    font-size: 2.5rem;
  }
	.index_box2 .box .boxBottom{margin-top: 15.75rem;}
		.index2_left{ display:none;}
	.index2_right{ width:100%; float:none; padding:4% 0 100px 0; position:relative;}
	.index2_case li{ width:100%; float:none; margin:0 0%;}
	.index2_case li:nth-child(1){ margin-top:0;}
	.index2_case li:nth-child(2){ margin-top:0;}
	.index2_case li .pic:after { padding-bottom: 70%;}
	
	.index5_top {
    width: 100%;
    float: none;
    color: #fff;
    font-size: 16px;
    background: url(../images/index5_bj.jpg) center no-repeat;
    background-size: cover;
    padding: 15% 0;
    text-align: center;
    margin-top: 50px;
}
	.index5_main{ width: 100%;  }	
	.index5_bj {
    width: 100%;
    height: auto;
    background: #eff1f4;
    margin-top: 4%;
		overflow: hidden;
}
	
	.line22{ display: none;}
	.z_footer .flwarp{ display: none;}
	.z_footer .frwarp{ padding-right: 0px;}
	.z_footer .flwarp, .z_footer .frwarp{ width: 100%; padding-top: 4vw; padding-bottom: 4vw; display: block;}
	.z_footer .frwarp .z_icon{ margin: 0px auto; text-align: center;}
	.ewm{ width: 100%;margin-top: 2vw;}
	.lxfs_p{ font-size: 16px; line-height: 30px;}
	.lxfs{ font-size: 16px;}
	.cont{ width: 100%; margin-top: 2vw; line-height: 30px;}
	.z_lxf{ width: 100%}
	.z_footer .frwarp .z_index_tit .en{ text-align: center;}
	.z_footer .frwarp .z_index_tit .cn{ text-align: center; margin-top: 2vw;}
	.z_icon img{ display: block; max-width: 100%; max-height: 100%; margin: 0px auto;}
	.z_footer .frwarp .fl{}
}


@media screen and (max-width:1294px){
.z_index_about .flwarp {
    background: #fff;
}
.z_index_about .frwarp {
    background: linear-gradient(90deg, #0570df 0%, #022281 100%);
}
	.z_about_num li {
    margin-bottom: 20px;
    float: left;
    width: 25%;
}
.z_index_about .flwarp,.z_index_about .frwarp{ width: 100%; padding: 30px 15px; height: auto;}
}
@media screen and (max-width:1050px){
.z_header_nav li:nth-of-type(1)::before, .z_pro_nav li:nth-of-type(1)::before{ font-size:23px;}
.z_header_nav li:nth-of-type(2)::before, .z_pro_nav li:nth-of-type(2)::before{ font-size:23px;}
.z_header_nav li:nth-of-type(3)::before, .z_pro_nav li:nth-of-type(3)::before{ font-size:23px;}
.z_header_nav li:nth-of-type(4)::before, .z_pro_nav li:nth-of-type(4)::before{ font-size:23px;}
.z_header_nav li:nth-of-type(5)::before, .z_pro_nav li:nth-of-type(5)::before{ font-size:23px;}
.z_header_nav li:nth-of-type(6)::before, .z_pro_nav li:nth-of-type(6)::before{ font-size:23px;}
.z_header_nav li a{ font-size:14px;}
	
	
	
	
}
@media screen and (max-width:980px){
	.index1_type{ width: 100%;}
	.index1_right{ width: 100%; margin-top: 2vw; padding-bottom: 30px;}
	.index1_type li a em{ width: 6%;}
	
	.index1_top{ font-size: 14px;}
	.index1_pro li .pro_name .pro_name3{ font-size: 14px;}
	.index1_pro li .pro_name .pro_name2{ font-size: 14px;}
	.index1_more{ height:40px; line-height:40px; width:30%;}
	.tel_bar{ display:none;}
	.z_menu_btn2{ display:block;}
.z_header{ width: 100%; left: 0; height: 50px;line-height: 50px; padding: 0 10px; background: #fff!important; z-index: 10;}	
.z_header_nav{ display: none;}
.z_menu_btn span{ background: #fff!important;}
.z_menu_btn.on{background: linear-gradient(
180deg, #421C89 0%, #203D72 100%);}
.z_logo img{ height: 30px; max-height: none;}
.z_menu_btn{ width: 50px; height: 50px; left: auto; right: 0; background: linear-gradient(90deg, #0570df 0%, #022281 100%); display:flex;}
.z_menu_mask{ width:50%;}
.z_menu_mask::before,.z_cd,.z_menu_logo,.z_menu_btom{ display: none;}
.z_menu_mask{ padding: 50px 20px;}
.z_menu_nav li{ width: 100%; margin-bottom: 10px;}
.z_menu_nav li h3 a{ font-size: 16px;}
.z_menu_nav .down a{ font-size: 14px;}
.z_banner{ margin-top: 50px; position: relative;}
.z_banner,.z_banner .bd li,.z_banner .picBox{ height: 60vw;}
.z_index_about{ margin-top: 0;}
.z_index_about .flwarp,.z_index_about .frwarp{ width: 100%; padding: 30px 15px; height: auto;}
.z_index_about .frwarp{background: linear-gradient(90deg, #0570df 0%, #022281 100%);}
.z_index_tit{ font-size: 18px; line-height: 20px;}
.z_index_tit .en{ margin-bottom: 10px;}
.z_index_tit .en{ font-size: 20px!important; margin-bottom: 5px!important;}
.z_index_tit .cn{ font-size: 18px!important;}
.z_index_desc{ font-size: 14px; line-height: 24px; margin: 20px 0;}
.z_more{ width: 120px; height: 40px; line-height: 40px; font-size: 14px;}
.z_about_num .timer{ font-size: 20px;}
.z_about_num h3,.z_about_num h4,.z_index_video h4{ font-size: 14px;}
.z_about_num li{ margin-bottom: 20px; float:left; width:25%;}
.z_index_about .flwarp{ background:#fff;} 
.z_index_about .frwarp{ background-attachment: inherit; }
.z_index_video{ width: 90%; height:40vw; margin-top: -20vw;}
.z_index_video .icon{ width: 50px;}
.z_index_video h3{ font-size: 16px;}
.z_page_top{ margin-top: 0;}
.z_index_bsc .flwarp,.z_index_bsc .frwarp{ width: 100%; padding:30px 15px; margin: 0;}
.z_index_bsc .icon{ height: 30px;}
.z_index_bsc .infobox .timer{ font-size: 20px;}
.z_index_bsc .infobox h3{ margin: 5px 0;}
.z_index_bsc .infobox{ font-size: 14px;}
.z_index_bsc .z_index_desc{ min-height: auto; margin-bottom: 20px;}
.z_qxgs_warp .tit{ font-size: 16px; margin-bottom: 10px;}
.z_qxgs_warp li{ height: 60px;width: 49%; margin-bottom: 6px;}
.z_index_bsc{ margin-top: 0; padding-bottom: 0;}

.z_swiper_warp{}
.z_swiper_warp{ width: 100%; margin: 0; min-height: auto; padding: 0;}
.z_pro_swiper{ min-height: auto;}
.z_pro_swiper .bd li{ padding: 30px;}
.z_pro_swiper .bd li .desc{ width:100%; font-size: 14px; line-height: 24px;}
.z_pro_swiper .icon{ width: 50px; height: 50px; padding: 10px;}
.z_pro_swiper .bd li h3{ font-size: 17px; margin: 15px 0;}
.z_swiper_btn .btn{ width: 30px; height: 30px;}
.z_swiper_btn .iconfont{ font-size: 12px!important;}
.z_index_jg{ height: auto; background-size: 100% auto; overflow: inherit; background-position: top center; }
.z_index_jg .frwarp{ width: 100%; padding: 0; margin-top: 60vw; padding: 20px 15px; box-sizing: border-box;}
.z_jg_tab li a{ font-size: 16px; padding-left: 12px;}
.z_jg_tab li a::before{ width: 6px; height: 6px;}
.z_jg_con li .img{ width: 50px; height: 50px;}
.z_jg_con li .icon{ width: 60px; height: 60px; margin-bottom: 5px;}
.z_jg_con li:hover img, .z_jg_con li.active img {
    transform: translateY(-50px);
}
.z_jg_con li a{ font-size: 14px;}
.z_jg_con{ margin-left: auto;}
.z_swiper_hd{ right: 10px;}
.z_index_news{ padding: 30px 15px;}
.z_index_news .flwarp,.z_index_news .frwarp{ width: 100%;}
.z_fbt h3{ font-size: 16px;}
.z_index_news .z_index_tit .line{ margin: 20px auto;}
.z_index_tit { text-align: center;}
.z_news_nav{ text-align: center; margin-bottom: 20px;}
.z_news_nav a{ margin: 0 10px; font-size: 14px;}
.z_news_li li{ height: 20vw;}
.z_news_con{ padding: 0 10px;}
.z_news_con .child{ height: 62vw; padding: 10px 0;}
.z_news_con .child h3{ font-size: 14px; line-height: 24px;}
.z_news_con .child .desc{ font-size: 12px; line-height: 20px;}
.z_news_con .bar{ padding: 10px 0; font-size: 12px;}
.z_index_btm .flwarp,.z_index_btm .frwarp{ width: 100%; height: auto;}
.z_index_btm .flwarp{ padding: 30px 0;}
.z_icon{ width: 60px; height: 60px;}
.z_index_btm .flwarp .z_index_tit{ margin: 20px 0;}
.z_hz_swiper li .img{ height: 60px; padding: 10px; box-sizing: border-box;}
.z_hz_hd li{ width: 8px; height: 8px; margin: 0 5px;}
.z_index_btm .z_btm_box{ height: 40vw;}
.z_index_btm .z_btm_box .z_index_tit{ text-align: left;}
.z_footer .flwarp, .z_footer .frwarp{ width: 100%; height: auto; padding: 15px 15px;}
.z_foot_nav{ display: none;}
.z_foot_logo img{ height: 40px; margin: 0 auto;}
.z_foot_copy,.z_foot_ly{ width: 100%; height: auto; padding: 10px; font-size: 14px; display: block;}
.z_footer .frwarp{ display: block; padding: 0;}
.z_footer .frwarp .fl,.z_footer .frwarp .fr{ width: 100%;}
.z_footer .frwarp .z_index_tit{ text-align: left;}
.z_footer .frwarp .z_index_tit .en{ font-size: 16px;line-height: normal;}
.z_lxfs{ align-items: center; padding-top: 5vw; }
.z_footer .frwarp .z_icon{ margin-right: 20px;}
.z_foot_tel{ font-size: 20px;}
.z_footer .frwarp .z_index_tit .cn{ font-size: 14px;}
.z_menu_code li .img{ width: 60px; height: 60px; margin: 0 auto;}
.z_foot_code{ text-align: center; margin-left: auto;}
.z_foot_code li{ font-size: 12px; margin-left: 10px; margin-right: 0; display: inline-block;}
.z_banner_bar{ display: none;}
.z_other_banner{ margin-top: 50px; height: 50vw;}
.z_other_text{ text-align: center; left: 0; width: 100%;}
.z_other_text h3{ font-size: 22px;}
.z_other_text h4{ font-size: 18px;}
.z_case_hz{ padding-left: 0;}
.z_case_hz .flwarp,.z_case_hz .frwarp{ width: 100%; height: auto;}
.z_case_hz .flwarp,.z_case_hz .frwarp{padding: 30px 10px; box-sizing: border-box;}
.z_case_hz .frwarp{ position: relative; }
.z_case_hz .flwarp .z_index_tit .en,.z_case_hz .flwarp .z_index_tit .cn{ font-size: 18px; line-height: normal;}
.z_case_hz .flwarp .z_index_tit{ margin-bottom: 30px;}
.z_hz_swiper2 li .img{ justify-content: center;}
.z_case_hz .frwarp .z_index_tit{ margin-top: 20px;}
.z_case_warp{ padding: 30px 0; display: block;}
.z_case_warp .flwarp{ text-align: center; width: 100%;padding: 0 15px;}
.z_case_warp .z_index_tit{}
.z_case_warp .z_index_tit .en,.z_case_warp .z_index_tit .cn{ font-size: 18px; margin-bottom: 0;}
.z_case_warp .flwarp .line{ margin: 20px auto; width: 20px;}
.z_case_warp .flwarp .z_index_desc{ font-size: 14px; line-height: normal;}
.z_swiper_btn .btn{ line-height: 26px;}
.z_case_swiper{ width: 100%; margin-top: 20px;}
.z_case_swiper li .imgbox{ height: 34vw;}
.z_case_swiper li a{ padding: 10px;}
.z_case_swiper li .infobox{ height: auto; font-size: 14px; margin-top: 10px;}
.z_swiper_btn2 .btn{ margin: 0 10px;}
.z_case_warp .flwarp .z_index_desc{ margin-bottom: 30px;}
.z_zd_swiper{ width: 90%;}
.z_zd_swiper li{padding: 15px; padding-bottom: 0;}
.z_zd_swiper li .imgbox{ margin-bottom: 15px; overflow: hidden;}
.z_zd_swiper li a{ height: auto; padding: 0;}
.z_zd_swiper li h3{ margin-top: 0; font-size: 16px; line-height:24px;}
.z_zd_swiper li .imgbox{ height: 40vw;}
.z_zd_swiper li .bar{ position: relative;  padding: 10px 0;  margin-top: 30px; font-size: 14px;}
.z_zd_swiper li h4{ font-size: 14px;}
.z_zd_case .z_index_tit{margin-bottom: 30px;}
.z_pro_fl{ width: 100%; height: auto;}
.z_pro_fl li{ width: 33.3%; float: left; } 
.z_pro_fl li a{ display: block;  padding: 20px 0; text-align: center;height: auto;}
.z_pro_fl li .num{ width: 36px; height:36px; font-size:16px; margin: 0 auto;}
.z_pro_fl li h3{ font-size: 18px; margin: 10px 0;}
.z_pro_fl li h4{ font-size: 16px;}
.z_pro_head .frwarp{ width: 100%; height: 60vw;}
.z_pro_nav{}
.z_pro_nav li{ margin: 0 10px; line-height: 40px;}
.z_pro_nav li a{ font-size: 14px;}
.z_pro_list li{ width: 50%; height: 50vw;}
.z_pro_list li:nth-child(odd){border-left: none;}
.z_pro_list li .imgbox{ height: 40vw; padding: 15px;}
.z_pro_list li h3{ font-size: 14px;}
.z_pro_list2 li .imgbox{ padding: 0; width: 100%; height: 100%;}
.z_loadmore{ font-size: 14px; margin: 20px auto;}
.z_proxq_page .flwarp{ width: 100%;}
.z_proxq_page .flwarp .titbox{ padding: 15px; font-size: 16px; height: auto; min-height: 20vw;}
.z_proxq_page .flwarp .imgbox{ height: 60vw; padding: 10px 0;}
.z_proxq_page .frwarp{ width: 100%; margin: 0;}
.z_xq_box{ display: block;}
.z_xq_box .titbar{ width: 100%; text-align: center; padding-right: 0;}
.z_xq_box .conbar{ padding: 20px 10px; width: 100%; font-size: 14px;}
.z_xq_box .titbar{ font-size: 16px;}
.z_about_video{ background-attachment: inherit!important; height: auto; padding: 30px 0;}
.z_about_video span{font-size: 14px;}
.z_about_video .titimg{ margin: 20px 0;}
.z_about_video .titimg img{ height: 20px;}
.z_about_video .desc{ font-size: 14px; padding: 0 10px;box-sizing: border-box;}
.z_about_video h3{ font-size: 14px; color: #fff;}
.z_about_honor{ height: auto; padding: 30px 0; padding-bottom: 0;}
.z_about_honor .flwarp{ width: 100%; margin: 0; padding:0px 15px;}
.z_about_honor .z_icon{ margin: 0 auto;}
.z_about_honor .desc{font-size: 14px; line-height: normal; margin-top: 20px;}
.z_about_honor .frwarp{ position: relative; height: auto; margin-top: 30px; width: 100%; padding: 30px 15px; display: block;}
.z_honor_img{ position: relative; top: auto; transform: translateY(0); margin-left: 0;left: auto; width: 80%; padding: 20px; margin: 0 auto; margin-top: 30px; height: 52vw;}
.z_honor_swiper{ width: 100%;}
.z_honor_swiper .year{ font-size: 20px; line-height: 40px;}
.z_honor_btn{ right: 0; line-height: 40px; left: auto;}
.z_honor_swiper li { font-size: 14px; line-height: 30px; margin: 0;}
.z_honor_swiper ul{ height:150px}
.z_honor_btn .iconfont{ margin: 0 10px;}
.z_about_process{ padding: 30px 10px;}
.z_about_process .z_index_tit{ margin-bottom: 0;}
.z_about_process .z_index_tit .line{ margin: 20px auto;}
.z_about_process .flwarp{ margin-top: 0;}
.z_about_process .flwarp,.z_about_process .frwarp{ width: 100%; text-align: center;}
.z_about_process .year{ font-size: 20px; line-height: normal;}
.z_about_process .tit{ font-size: 16px; margin: 15px 0;}
.z_about_process .desc{ font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.z_about_process .imgbg{ height: 50vw;}
.z_process_year{ padding-top: 30px;}
.z_process_year li::before{ border-width: 6px; width: 20px; height: 20px;}
.z_process_year li{font-size: 16px; padding-top: 10px;}
.z_process_year li.swiper-slide-thumb-active{ font-size:18px;}
.z_process_year .iconfont{ width: 30px; height: 30px; line-height: 30px; font-size: 12px; top: 8px;}
.z_contact_way{ padding: 30px 15px;}
.z_contact_li{ width: 100%; margin-top: 20px;}
.z_contact_li li{ padding-left: 10px;}
.z_conatc_dz{ width: 100%; margin-top: 20px;}
.z_conatc_dz .icon{ height: 30px;}
.z_conatc_dz span{ margin: 10px 0; font-size: 14px;}
.z_conatc_dz h3,.z_conatc_dz h4{ font-size: 14px; margin-bottom: 0;}
.z_contact_box{ display: block; position: relative;}
.z_contact_box .imgbox{ background-attachment: inherit;background-position: bottom center; background-size: cover; width: 100%; height: 50vw;}
.z_contact_box .dhbox{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100px; height: 100px;}
.z_contact_box .dhbox .icon{ height: 30px;}
.z_contact_box .dhbox h3{font-size: 12px;}
.z_contact_code .titbar{ font-size: 16px; margin-right: 0;}
.z_contact_code .icon{ height: 30px;}
.z_contact_code{ padding: 20px 15px;}
.z_code_li{ margin-left: auto;}
.z_code_li li{ margin: 0 10px; font-size: 14px;}
.z_kf_bar{ width: 100%; padding: 30px 15px; height: auto;}
.z_kf_bar .icon{ height: 30px; margin-right: 20px;}
.z_kf_bar h3{ font-size: 16px;}
.z_kf_bar .iconfont{ font-size: 20px;}
.z_ly_warp{ padding: 30px 15px;}
.z_ly_warp .z_index_tit{ margin-bottom: 20px;}
.z_ly_form{ padding: 15px;}
.z_ly_form .flwarp, .z_ly_form .frwarp{ width: 100%;}
.z_ly_form li{ margin-bottom: 0;}
.z_ly_form li .input_text,.z_ly_form label{ height: 50px; line-height: 50px; font-size: 14px;}
.z_ly_form label{ min-width:90px;}
.z_ly_form .texta_box{ height: 160px; padding: 10px;font-size: 14px; margin-bottom: 15px;}
.z_sub_btn .iconfont{ font-size: 20px;}
.z_news_list{ padding: 0 15px; padding-bottom: 1px;}
.z_news_list li{ margin-bottom: 10px;}
.z_news_list li span{ font-size: 12px;}
.z_news_list li h3{ font-size: 14px; margin-top: 20px;}
.z_news_list li .infobox{ padding: 10px 10px;}
.z_news_list li .imgbox{ height: 30vw;}
.z_tuanjian{ padding: 30px 15px;display: block;}
.z_tj_warp{ display: block;}
.z_tj_list,.z_tuanjian .frwarp{ width: 100%;}
.z_tj_list li a{padding: 20px 0;}
.z_tuanjian .timebox{font-size: 14px; margin-right: 15px;}
.z_tuanjian .timebox em{ font-size: 20px; line-height: normal;}
.z_tuanjian h3{ font-size: 15px; line-height: normal;}
.z_tj_list li h4{ font-size: 14px;}
.z_tuanjian .frwarp .imgbox{ height: 50vw; margin: 20px 0;}
.z_tuanjian .frwarp{ padding: 15px;}
.z_tuanjian .frwarp .more{ margin-top: 20px; height: 40px; font-size: 14px;}
.z_tj_titbar .z_index_tit{text-align: left; margin-left: 10px;}
.z_news_list li .descbox{ font-size: 14px;}
.z_xq_frwarp{ display: none;}
.z_xq_flwarp{ width: 100%; border: none; padding: 30px 15px;}
.z_artic_tit h3{ font-size: 18px; margin-bottom: 10px;}
.z_artic_tit .bar{ font-size: 14px;}
.z_share{ flex-shrink: 0;}
.z_share a{ margin-left: 5px;}
.z_artic_tit span{ margin-right: 10px; font-size: 12px;}
.z_artic_tit span .iconfont{ margin-right:3px; font-size: 16px; }
.z_share a{ width: 30px; height: 30px; font-size: 16px; line-height: 30px;}
.z_artic_con{ padding: 25px 0; font-size: 14px; line-height: 24px;}
.z_topbtm_bar{ height: 40px;}
.z_zp_page{ padding-left: 0;}
.z_zp_list li{ display: block;}
.z_zp_list li .zwbox{ width: 100%; text-align: center; padding:20px 15px; font-size: 18px;    border-bottom: 1px solid #DCDCDC;}
.z_zp_list li .zwbox .en{ position: relative; font-size: 18px; padding: 0; margin-top: 10px;}
.z_zp_list li .descbox{ font-size: 14px; line-height: 24px;}
.z_zp_list li .conwarp{ padding:20px 15px; box-sizing: border-box;}
.z_msg_warp .frwarp{ width: 100%; padding: 30px 15px; position: relative;box-sizing: border-box;}
.z_msg_warp{ padding: 0;}
.z_msg_warp .flwarp{ padding: 30px 15px; width: 100%;box-sizing: border-box;}
.z_msg_tit{ text-align: left;}
.z_msg_form{ width: 100%; margin: 0;}
.z_msg_form li label{ font-size: 14px;}
.z_msg_form li .input_text, .z_msg_form li .sel_text{ height: 50px; font-size: 14px;}
.z_tj_btn{ height: 40px; margin-top: 20px;}
.z_msg_warp .tel{ font-size: 20px;}
.z_msg_warp .dz,.z_msg_warp .yx{ font-size: 15px;}
.z_msg_warp .titbar{ margin-bottom: 30px;}
.z_foot_map{ display: none;}
.z_footer .frwarp .z_index_tit .cn{ font-size: 14px!important; font-weight: normal;}
.z_footer .frwarp{ padding-bottom: 10px;}
.z_foot_copy, .z_foot_ly{ font-size: 12px;}
.z_footer .frwarp .z_icon{ display: none;}
.z_footer .frwarp .fl{  padding: 0 15px;}
.z_zp_list li .conbox{ margin-bottom: 20px;}
.z_banner_slide { display: none;}
.z_index_jg .imgbg{ position: relative; height: 50vw; background-size: 100% auto;}
.z_pro_small li{ width: 20vw; height: 20vw;}
.z_pro_small li:nth-child(2){ width: 16vw; height: 16vw; left: 40%;}
.z_pro_small li:nth-child(3){ width: 16vw; height: 16vw; left: 60%;}
.z_pro_small li:nth-child(4){ width: 13vw; height: 13vw; left: 20%; top: 30%;}
.z_case_hz .flwarp .z_index_tit .en,.z_case_hz .flwarp .z_index_tit .cn{ font-size: 16px!important;}
.z_index_about2 .frwarp{ padding-bottom: 20px;}
.z_boss_warp .flwarp,.z_boss_warp .frwarp{ width: 100%;}
.z_about_page{}
	.index2_more {
    height: 40px;
    line-height: 40px;
    width: 30%;
}
	.index1_type li a{ font-size: 14px;}
	
	.index1_top p{ font-size: 18px;}
	.jl{ font-size: 18px;}
	.index_box2 .box .boxTop .boxRight .list p{ font-size: 16px;}
	.index2_top p{ font-size: 18px;}
	.index2_top{ margin-top: 30px;}
	.index5_top p{ font-size: 18px;}
	.index4_more{ height: 40px; line-height: 40px; width: 50%;}
	.lxfs_p{ font-size: 18px;}
	.lxfs{ font-size: 18px;}
	.z_footer .frwarp .z_index_tit{ width: 100%; text-align: center;}
	.z_footer .frwarp{ width: 100%;}
	
	.contact-map{ margin-top: 30px;}
	.contact-map #dituContent{ height: 300px;}
	.z_sub_btn{ margin-top: 20px;}
}	
	
@media screen and (max-width:578px){
	.index1_pro li{ width: 45%;}
.index_box2 .box .boxBottom{margin-top: 5.75rem;}
.index_box2 .box .boxBottom .item {
    padding: 2rem 0 2rem 6.125rem;
}
	.index_box2 .box .boxBottom .item span{ top:1.5rem;}
	.index_box2 .box .boxBottom .item h5{ font-size: 18px;}
	.index_box2 .box .boxBottom .item div{ font-size: 18px;}
	.index_box2 .box .boxTop .boxRight{padding: 2.875rem 2.875rem 0 2.875rem;}
	.index2_case li .c-olst__num{ font-size: 3rem;}
	
}


.index3{  width: 84%; margin: 0px auto;}



/***********关于我们*************/
.bannerBox {margin-top: 100px; height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.bannerAbout {background-image: url(../images/banner_about.jpg); }
.bannerBox .bg {position: absolute; width: 100%; height: 213px; background: url(../images/banner_about_bg.png) no-repeat center bottom; background-size: auto 100%; left: 0; bottom: 0; z-index: 1;}
.aboutL {float: left; width: 16.356%; }
.aboutH {height: 219px; margin-top: -150px; text-align: center; color: #fff; background: linear-gradient(90deg, #0570df 0%, #022281 100%); position: relative; z-index: 1;}
.aboutH h3 {padding-top: 68px; line-height: 32px; font-size: 2.5vw; font-weight: bold;}
.aboutH h2 {line-height: 40px; font-size: 18px; text-align: left; margin-top: 1vw; margin-left: 2vw; }

.aboutNav {background: #fff; margin-top: 41px;}
.aboutNav li {height: 69px; line-height: 69px; font-size: 18px; border: 1px solid #dadada; margin-top: 12px;}
.aboutNav li a {display: block; padding: 0 22px; position: relative; }
.aboutNav li:hover a {color: #fff; background: linear-gradient(90deg, #0570df 0%, #022281 100%);}
.aboutNav li:hover span.jtAbout {background: url(../images/jt_about_b.png) no-repeat center; }
.aboutNav li.on {border-bottom: 1px solid #fff;}
.aboutNav li.on a {color: #006B3E; background: #f9f9f9;}
.aboutNav li span .jtAbout {background: url(../images/jt_about_a.png) no-repeat center;  width: 30px; height: 30px; display: inline-block; }
.jtAbout { position: absolute; width: 30px; height: 30px; background: url(../images/jt_about_a.png) no-repeat center; display: inline-block; right: 16px; top: 50%; transform: translateY(-50%); }
.aboutLAd {margin: 15px 0;}
.aboutLAd:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutContact {padding: 0 0 30px 0; background: #fff;}
.aboutContactH {padding: 12px 0; border-bottom: 1px solid #dadada;}
.aboutContactH h2 {height: 20px; padding-left: 16px; line-height: 20px; font-size: 16px; border-left: 3px solid #006B3E;}
.aboutContact ul {margin-top: 28px;}
.aboutContact ul li {padding: 0 10px 0 14px; margin-bottom: 12px; line-height: 22px;}
.aboutContact ul li span,.aboutContact ul li em,.aboutContact ul li p {display: inline-block; }
.aboutContact ul li span {width: 22px; height: 22px; margin-right: 1px; font-size: 0; text-align: center; vertical-align: top;}
.aboutContact ul li span img {vertical-align: middle;}
.aboutContact ul li em {width: 46px; vertical-align: top;}
.aboutContact ul li p {width: 174px;}
.aboutEwm {text-align: center;}

.proo_tit{ width: 90%; margin: 0px auto; padding-bottom: 1vw; margin-top: 1vw;}

.aboutR {float: right; width: 80%;}
.aboutRTop {font-size: 16px; color: #383838;}
.aboutRTop a {color: #383838;}
.aboutRTop a:hover {color: #006B3E;}
.aboutRTop p {margin-top: 32px; line-height: 22px; padding-left: 22px;  position: relative; z-index: 1; font-size: 1.2vw; font-weight: 600;}

.index2_about_l{ width: 48%; margin-top: 5vw;}
.cate2 {
    position: relative;
    padding-bottom: 60px;
	padding-top: 20px;
	
	width: 50%;overflow: hidden;  height: auto;
}
.cate2 .enp {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
	font-size: 0;}

.cate2 .cn {
   font-size: 1.9vw;
    color: #1f1f1f;
   
    font-weight: bold;
    position: relative;
    z-index: 1;
	text-align: center;	
}

.cate2 .cn2 {
    font-size: 0.9vw;
    color: #333;
	 position: relative;  
     z-index: 2;
	text-align: center;	
}
.index3_about_l_tex{ text-align: justify; font-size: 16px; line-height: 30px; margin-top: 42px;}
.index3_about_word{
	background-image: linear-gradient(to right , #1b89b9, #0a3f7b);  
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; font-size: 1.2vw; font-weight: 500;}


.index2_about_r{width: 48%; margin-top: 5vw;}
.inner_about{ width: 100%; height: auto; overflow: hidden; background: linear-gradient(90deg, #0570df 0%, #022281 100%); padding-top: 1vw; padding-bottom: 1vw; margin-top: 2vw;}

.cdf ul li{ margin-top: 3vw; margin-right: 9vw; margin-bottom: 3vw; }
.cdf ul li:nth-of-type(4){ margin-right: 0px;}
.cdf font{ margin-left: 2vw;}
.ciltrue_tit{ text-align: center; margin: 0px auto; width: 100%; position: relative;}

.ciltrue_tit{ width: 100%; background: url(../images/wenhua.png) no-repeat center; height: 104px;margin-top: 5vw;}
.ciltrue_tit .cn {
   font-size: 1.9vw;
    color: #1f1f1f;
   
    font-weight: bold;
    position: relative;
    z-index: 1;
	text-align: center;	
	padding-top: 1vw;
}

.ciltrue_tit .cn2 {
    font-size: 0.9vw;
    color: #333;
	 position: relative;  
     z-index: 2;
	text-align: center;	
}


.ciltrue_titt{ text-align: center; margin: 0px auto; width: 100%; position: relative;}

.ciltrue_titt{ width: 100%; background: url(../images/honor.png) no-repeat center; height: 104px;margin-top: 5vw;}
.ciltrue_titt .cn {
   font-size: 1.9vw;
    color: #1f1f1f;
   
    font-weight: bold;
    position: relative;
    z-index: 1;
	text-align: center;	
	padding-top: 1vw;
}

.ciltrue_titt .cn2 {
    font-size: 0.9vw;
    color: #333;
	 position: relative;  
     z-index: 2;
	text-align: center;	
}


.inner_about1{ width: 100%; background: url(../images/inner1.jpg) no-repeat left; height: 403px; margin-top: 70px;}
.qywe{ margin-top: 48px;}
.inner_bg1{ height: 321px;background: linear-gradient(90deg, #0570df 0%, #022281 100%); width: 50%; margin-top: 41px;}
.inner_bg1_tit{ width: 80%; margin: 0px auto;}
.inner_bg_tex{ color: #fff; margin-top: 53px;}
.inner_bg_tex1{ font-size: 36px; font-weight: bold;}
.inner_bg_tex2{font-size: 30px; font-weight: bold;}
.inner_bg_tex3{font-size: 20px; font-weight: bold; margin-top: 28px;}


.inner_about2{ width: 100%; background: url(../images/inner2.jpg) no-repeat right; height: 403px;margin-top: 70px;}
.inner_about3{ width: 100%; background: url(../images/inner3.jpg) no-repeat left; height: 403px;margin-top: 70px; margin-bottom: 40px;}



.yezi{margin-top: 53px;}
.yezi_word{ color: #fff; font-size: 16px; margin-top: 34px; line-height:30px;}
#zzry{ margin: 3% auto 0; overflow: hidden;}
#zzry .swiper-container {
    width: 100%;
    height: 100%;
}
#zzry .swiper-slide {
    text-align: left;
    transition:0.3s;
    border: 1px solid #efefef;
    padding: 10px;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#zzry .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 72%; position: relative; background: #fff; text-align: center;}
#zzry .swiper-slide .pic a{ display: block; width: 100%; height: 100%; left: 0; position: absolute;}
#zzry .swiper-slide .pic a img{ max-width: 100%; max-height: 100%; transition:0.3s;}
#zzry .swiper-slide .tit{ width: 96%; height: 60px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: 10px; padding: 0 3%; transition: 0.3s;}
#zzry .swiper-slide .tit p{ float: left; height: 60px; line-height: 60px; color: #282828; font-size: 16px;}
#zzry .swiper-slide .tit i{ float: right; width: 28px; height: 28px; background: #0570df; line-height: 28px; text-align: center; color: #fff; border-radius: 100%; margin-top: 5%; transition: 0.3s;}
#zzry .swiper-slide:hover .tit{ background: #0570df; color: #fff;}
#zzry .swiper-slide:hover .tit p{ color: #fff;}
#zzry .swiper-slide:hover .tit i{ background: #fff; color: #06439f;}

.sz_about4{ padding-bottom: 3vw;}

/*图片*/
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

/*************产品展示***********/
.bannerShow {background-image: url(../temp/banner_show.jpg);}
.showW {margin-bottom: 60px; width: 79%;}
.showList {/*width: 950px;*/ margin-top: 50px;}
.showList li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;  background: #eeeeee;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.showList li:nth-child(3n){margin-right: 0;}
.showList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.showList li:hover  {color: #fff;background: linear-gradient(90deg, #0570df 0%, #022281 100%); }
.showList li a {display: block;}
.showList li p {background: #d9d9d9; line-height: 40px; font-size: 16px; }

.showList li a .proo_tit .pro_name .pro_name1 .pro_name2{ color: #000000; font-size: 14px; margin-top: 10px;}
.showList li a .proo_tit .pro_name .pro_name1 .pro_name3{ color: #000000; font-size: 18px; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.showList li a .pic{ margin-top: 1vw;}
.showList li:hover a .proo_tit .pro_name .pro_name1 .pro_name2{ color: #fff; font-size: 14px;}
.showList li:hover a .proo_tit .pro_name .pro_name1 .pro_name3{ color: #fff; font-size: 18px;}

.pbanner {
    position: relative;
    overflow: hidden;
	padding-top: 160px;
    background: #ffffff url(../images/165.jpg) top no-repeat;

    height: auto;
   
   
    padding-bottom: 520px;

}


.pbanner figure .aboutVideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  display: none;
}
.about-text {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 22.59%;
  text-align: center;
}
.about-text img {
  display: block;
  margin: auto;
  width: 36.875vw;
}
.about-text strong {
  display: block;
  margin-top: 58px;
  margin-bottom: 40px;
  color: #fff;
  font-size: 50px;
  line-height: 1.2;
}
.about-text span {
  display: inline-block;
  color: #fff;
  line-height: 32px;
  font-size: 15px;
  cursor: pointer;
}
.about-text span:hover i {
  transform: scale(1.2);
}
.about-text span i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
  top: -1px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #6cccdc;
  text-align: center;
  transition: 0.38s;
}
.about-text span i:before {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 13px;
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #000;
}
.leval-menus {
  position: relative;
}
.leval-menu-flex {
  position: sticky;
  left: 0;
  top: 70px;
  height: 80px;
  background: #f8f8f8;
  text-align: center;
  z-index: 40;
}
.search-sub {
  position: absolute;
  left: 50%;
  margin-left: -375px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 750px;
}
.search-input {
  display: flex;
  display: -webkit-flex;
}
.search-input .text {
  box-sizing: border-box;
  flex: 1;
  -webkit-flex: 1;
  padding: 0;
  padding-left: 24px;
  height: 68px;
  line-height: 68px;
  color: #333333;
  font-size: 16px;
  background: #fff;
  border: none;
}
.search-input .text::-webkit-input-placeholder {
  color: #333333;
}
.search-input .text:focus::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden;
}
.search-s {
  position: relative;
  width: 150px;
  height: 68px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background: #2c3441;
  transition: 0.45s;
}
.search-s:hover {
  background: #154a98;
}
.search-s i {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 30px;
  font-style: normal;
  margin-right: 5px;
}
.search-s span {
  display: block;
  color: #fff;
  font-size: 16px;
}
.search-s input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  opacity: 0;
}

.xiqiang{ margin-bottom: 40px; height: auto;}
/***********产品展示-详情页*************/
.showDetailW {margin-top: 50px; margin-bottom: 60px; width: 79%;}
.showDetailMain {}
.showWap {float: left; width: 30%; position: relative;}
.showWap img.bg {width: 100%; height: 100%;}
.showPic {width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1;}
.showSlider {width: 100%; height: 100%;}
.showSlider li {width: 100%; height: 100%; position: relative; border: 1px solid #ccc;}
.showPic .bx-wrapper {height: 100%;}
.showPic .bx-wrapper .bx-viewport {height: 100% !important;}
.showPic .bx-wrapper .bx-pager {bottom: 4px; text-align: right; box-sizing: border-box; padding-right: 18px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a {width: 12px; height: 12px; margin: 0 3px; border-radius: 0%; background: #bfbfbf; text-indent: 10000px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a:hover, .showPic .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.showDetailMainCont {float: right; width: 65%;; margin-top: 16px;}
.showDetailMainCont h2 {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 600; color: #0570df; border-bottom: 1px solid #bfbfbf;}
.showDetailMainCont h3 { color: #fff;height: 45px; padding-left: 15px; margin-top: 15px; line-height: 45px; font-size: 18px;background: linear-gradient(90deg, #0570df 0%, #022281 100%);}
.showDetailMainCont p {margin-top: 16px; line-height: 26px;}
.showDetailMainB {margin-top: 26px;}
.showDetailMainB a {float: left; width: 136px; height: 38px; margin-left: 20px; font-size: 16px; line-height: 38px; text-align: center; border: 1px solid #fff; border-radius: 4px;}
.showDetailMainB a:hover {background: #fff;}
.showDetailMainB a:first-child {margin-left: 0;}
.showDetailMainB a span {display: inline-block; width: 22px; height: 100%; margin-right: 6px; vertical-align: top; background-position: center; background-repeat: no-repeat;} 
.showDetailMainB a.showDetailLqyp {color: #006b3e; border-color: #006b3e;}
.showDetailMainB a.showDetailLqyp span { background-image: url(../images/show_t_b1.png); }
.showDetailMainB a.showDetailZxzx {color: #0068b7; border-color: #0068b7;}
.showDetailMainB a.showDetailZxzx span { background-image: url(../images/show_t_b2.png); }
.showDetailMainB a.showDetailZxgm {color: #e83522; border-color: #e83522;}
.showDetailMainB a.showDetailZxgm span {background-image: url(../images/show_t_b3.png); }

.showDetailInner {margin-top: 30px;}
.showDetailInner h2 {height: 46px; margin-bottom: 30px; line-height: 46px; border-bottom: 1px solid #bfbfbf;}
.showDetailInner h2 span {display: inline-block; width: 148px; height: 100%; text-align: center; font-size: 24px; vertical-align: top; background: #eee; border: 1px solid #bfbfbf; border-bottom: 1px solid #eee;}
.showDetailInnerW {background: #fff;}
.showDetailInnerW .pic1 {margin-top: 15px;}

.showDetailBH .block {width: 70px;}
.showDetailH {padding-right: 15px;}
.showDetailH h3 {}
.showDetailH h3 span {display: inline-block; height: 24px; line-height: 22px; padding-left: 8px; font-size: 24px; color: #333; font-weight: normal; border-left: 3px solid #006B3E; vertical-align: middle;}

.showDetailBW {}
.showDetailBW {}
.showDetailBW .sliderShowDetail {padding-top: 20px;}
.showDetailBW .sliderShowDetail li {margin-right: 23px;}
.showDetailBW ul li p {margin-top: 8px;}
.showDetailBW .bx-wrapper .bx-controls-direction a {width: 24px; height: 24px; top: -37px; margin-top: 0; background-color: #999999; background-repeat: no-repeat; background-position: center; background-size: 10px; box-sizing: border-box;}
.showDetailBW .bx-wrapper .bx-controls-direction a:hover {background-color: #006b3e; background-position: center;}
.showDetailBW .bx-wrapper .bx-prev {left: auto; right: 32px; background-image: url(../images/jt_zuo2.png);}
.showDetailBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}





.innews_list {
    background-color: #f3f4f5;
}
.innews_list ul{
	margin-top:50px;
}
.innews_list li {
    float: left;
    width: 33.33%;
    margin-bottom: 80px;
}
.innews_list li .box {
    padding: 0 40px;
}
.innews_list li a {
    display: block;
    position: relative;
}
.innews_list .date {
    width: 96px;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 5;
    opacity: 0;
    padding: 14px 0 22px;
    background: url(../images/innews_list_datebg.png) center no-repeat;
}
.innews_list .date .day {
    font-size: 40px;
    line-height: 40px;
    height: 40px;
}
.innews_list .date .year {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}
.innews_list .date span {
    display: block;
    text-indent: 30px;
    font-family: 'arial';
    color: #fff;
}
.innews_list .pic {
    width: 100%;
    height: 0;
    padding-bottom: 62%;
    overflow: hidden;
    position: relative;
}
.innews_list .pic img {
    -o-object-fit: cover;
    object-fit: cover;
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.innews_list li .wz {
    padding: 40px;
    background-color: #fff;
    position: relative;
}
.innews_list li .wz:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 0;
    height: 100%;
   background: linear-gradient(90deg, #0570df 0%, #022281 100%);
	-webkit-transition: .5s;
    transition: .5s;
}
.innews_list li h3, .innews_list li .txt, .innews_list li label {
    position: relative;
    z-index: 2;
}
.innews_list li h3 {
    font-size: 24px;
    color: #222;
    line-height: 40px;
    font-weight: bold;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.innews_list li .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: 17px 0;
}
.innews_list li label {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 22px;
    cursor: pointer;
    height: 22px;
    font-family:FuturaLL;
}

.innews_list li:hover .date {
    opacity: 1;
}
.innews_list li:hover .pic img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.innews_list li:hover .wz:before {
    width: 100%;
}
.innews_list li:hover h3 {
    color: #fff;
}
.innews_list li:hover .txt {
    color: #fff;
}
.innews_list li:hover label {
    color: #fff;
}

.incontainer {
    padding: 120px 0 140px;
}


.abtwo {
    padding-top: 160px;
  
    background: #ffffff url(../images/intro1.jpg) top no-repeat;
    margin-top: 79px;
	height: auto; overflow: hidden; position: relative;
	padding-bottom: 520px;
}
.abtwo_bg1{ width: 41%; height: auto;background: linear-gradient(90deg, #0570df 0%, #022281 100%); overflow: hidden; color: #fff; right: 0px; position: absolute; bottom: 0px; padding-top: 3vw; padding-bottom: 3vw;}
.abtwo_bg_tit{ width: 80%; margin: 0px auto;}
.abtwo1{ font-size: 36px;}
.abtwo2{ font-size: 16px; margin-top: 40px; width: 80%; line-height: 30px; text-align: justify;}


.abtwof {
    padding-top: 160px;
  
    background: #ffffff url(../images/intro2.jpg) top no-repeat;
   
	height: auto; overflow: hidden; position: relative;
	padding-bottom: 520px;
}

.abtwo_bg2{ width: 41%; height: auto;background: linear-gradient(90deg, #0570df 0%, #022281 100%); overflow: hidden; color: #fff; left: 0px; position: absolute; bottom: 0px; padding-top: 3vw; padding-bottom: 3vw;}
.abtwo_bg_tit{ width: 80%; margin: 0px auto;}


.abtwos {
    padding-top: 160px;
  
    background: #ffffff url(../images/intro3.jpg) top no-repeat;
   
	height: auto; overflow: hidden; position: relative;
	padding-bottom: 520px;
}

.abtwott {
    padding-top: 160px;
  
    background: #ffffff url(../images/intro4.jpg) top no-repeat;
   
	height: auto; overflow: hidden; position: relative;
	padding-bottom: 520px;
}

.abtwoff {
    padding-top: 160px;
  
    background: #ffffff url(../images/intro5.jpg) top no-repeat;
   
	height: auto; overflow: hidden; position: relative;
	padding-bottom: 520px;
}

.abtwofive {
    padding-top: 160px;
  
    background: #ffffff url(../images/intro6.jpg) top no-repeat;
   
	height: auto; overflow: hidden; position: relative;
	padding-bottom: 520px;
}



.abtwo_bg2{ width: 41%; height: auto;background: linear-gradient(90deg, #0570df 0%, #022281 100%); overflow: hidden; color: #fff; left: 0px; position: absolute; bottom: 0px; padding-top: 3vw; padding-bottom: 3vw;}
.abtwo_bg_tit{ width: 80%; margin: 0px auto;}


.inner_contact ul li { margin-top: 66px; float: left; width: 25%;}
.inner_contact ul li .lx2{ font-size: 26px; margin-top: 24px; font-weight: 600;}
.inner_contact ul li .lx3{ margin-top: 40px;}
.inner_contact ul li .lx4{ margin-top: 15px; color: #393939; font-size: 22px;}


@media (min-width: 992px){
.pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem!important;
}
}

@media screen and (max-width: 960px){
.incontainer {
    padding-top: 6%;
    padding-bottom: 6%;
}
	.showDetailMainCont h2{ font-size: 20px;}
}


@media screen and (max-width: 1800px){
	.index3{width:86%;}
	
}
@media screen and (max-width: 1680px){
	.index3{width:90%;}

}
@media screen and (max-width: 1440px){
	.index3{width:94%;}
	
.index1{width:94%;}
	.index_box2 .box .boxBottom .item div{ font-size: 14px;}
	.index_box2 .box .boxBottom .item span{ left: 2rem;}
	
	.z_foot_nav .down a{ font-size: 12px;}
}


@media screen and (max-width:1200px){
    #zzry .swiper-container{ padding-bottom: 7%;}
	.index2_about_l{ width: 100%;}
	.index2_about_r{ width: 100%;}
	.index3_about_word{ font-size: 16px;}
	.cdf ul li{ width: 39%;}
	.ciltrue_tit .cn{ font-size: 18px;}
	
	.innews_list li .box {
    padding: 0 20px;
}
	.index_box2 .box .boxBottom .item h5{ font-size: 1.2rem;}	

.showDetailMainCont {
    width: calc(100% - 270px);

}
}

@media screen and (max-width:1174px){
	.inner_bg1{ height: auto; padding-bottom: 1vw;}

}

@media screen and (max-width: 1078px){

	.z_header_nav li{ margin-left: 2.6vw;}

}

@media (max-width: 992px){
	.abtwo,.abtwof,.abtwos,.abtwott,.abtwoff,.abtwofive{ padding-bottom: 300px;}
	.abtwo_bg2{ width: 100%;}
	.abtwo_bg1{ width: 100%;}
	.abtwo1{ font-size: 20px;}
	.abtwo2{ width: 100%; font-size: 14px; margin-top: 20px;}
	.cate2 .enp{ display: none;}
	.cate2{ width: 100%; padding-bottom: 20px;}
	.index3_about_word{ text-align: center;}
	.cate2 .cn{ font-size: 20px; }
	.ciltrue_tit{ height: auto; background: none;}
	.aboutRTop p{ margin-top: 20px; font-size: 18px;}
	.ciltrue_titt{height: auto; background: none;}
	.ciltrue_titt .cn{ font-size: 20px;}
	.aboutNav {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 66;
		
		
}
	.showDetailW{ width: 100%;}
	.showW{ width: 100%;}
	
	.inner_contact ul li{ width: 100%; text-align: center;}
	.inner_contact ul li .lx2{ font-size: 20px;}
	.inner_contact ul li .lx4{ font-size: 16px; }
	
	.innews_list li .box {
    padding: 0;
}
	.index3 {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
}
	
	.innews_list li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 6%;
}
	
.innews_list li:nth-of-type(2n) {
    margin-right: 0;
}
.innews_list li h3 {
    font-size: 15px;
    line-height: 32px;
    height: 32px;
}	
	.innews_list li .txt {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin: 2% 0 4%;
}
	.innews_list li label {
    font-size: 14px;
}
	
	.showWap{ width: 100%;}
	.showDetailMainCont{ width: 100%;}
.aboutL {
    width: 100%;
    height: 60px;
    margin-top: 35px;
   background: linear-gradient(90deg, #0570df 0%, #022281 100%);
    position: relative;
}
	.aboutH {
    width: 100%;
    height: 100%;
    margin: 0;
   
    text-align: left;
}
	
	.aboutR {
    width: 100%;
    margin-top: 15px;
}
.aboutH h3 {
    font-size: 20px;
    line-height: 22px;
    padding-top: 10px;
	padding-left: 20px;
}
	.aboutH h2 {
    font-size: 14px;
    line-height: 22px; margin-left: 0px;
		margin-top: 0px;
		padding-left: 20px;
}
	.aboutRTop p{ padding-left: 0px; font-size: 16px; margin-top: 5px;}
	
}


.transition035 {
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}

@media (max-width: 932px){
	
	.yezi{ display: none;}
	.abtwo,.abtwof,.abtwos,.abtwott,.abtwoff,.abtwofive{ background: none; padding-top: 0px; margin-top: 0px;}
	.abtwo,.abtwof,.abtwos,.abtwott,.abtwoff,.abtwofive{ padding-bottom: 0px;}
	.abtwo_bg2{ position: relative;}
	.abtwo_bg1{position: relative;}
	}



@media screen and (max-width: 861px){
.search-sub {
    width: 90%;
    margin-left: -45%;
}

	



}

@media screen and (max-width:768px){
	.title h3{ font-size:20px;}
	.xin_t2{ padding-top:30px; }
	
		.showList li {width: 49%; margin-bottom: 15px;}
	.showList li:nth-child(3n) {margin-right: 2%;}
	.showList li:nth-child(2n) {margin-right: 0; }
	.showList li p {line-height: 30px;}
}
@media screen and (max-width:765px){
    #zzry .swiper-container{ padding-bottom: 15%;}
}
@media screen and (max-width: 767px){
.de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn {
    display: none;
}
	
	.index1_type{ display: none;}	
	.index2_bj{  background: linear-gradient(90deg, #0570df 0%, #022281 100%); }
	.index1_bj {
    background: linear-gradient(90deg, #0570df 0%, #022281 100%);
}
}


@media (max-width: 640px){
	
	.index5_main{ padding-top: 20px;}
	.c-olst__ttl{ margin-bottom: 10px;}
	.index2_case li .c-olst__type{ margin-bottom: 4px;}
	
	  .pbanner {
  
    padding-bottom: 200px;
}
	.search-input .text {
    height: 50px;
    line-height: 50px;
}
	.search-s {
    width: 100px;
    height: 50px;
}
	.inner_about1{ background: none; height: auto;margin-top: 0px;} 
	.inner_about2{ background: none;height: auto; margin-top: 0px;} 
	.inner_about3{ background: none;height: auto;margin-top: 0px;} 
	.inner_bg1{ width: 100%; padding-bottom: 3vw;}
	.qywe{ margin-top: 20px;}
	.inner_bg_tex1{ font-size: 20px;}
	.inner_bg_tex2{ font-size: 20px;}
	.yezi_word{ margin-top: 20px;}
	.lxfs_p{ font-size: 16px;}
	.z_index_tit .en {
    font-size: 14px!important;
    margin-bottom: 5px!important;
}
	.xiao{ font-size: 14px; margin-top: 10px; margin-bottom: 20px;}
	.index1_pro li .pro_name .pro_name3{ font-size: 12px;}
	.z_about_num li{ width: 50%; text-align: center;}
	.z_about_num font{ margin-left: 0px;}
	.ico1{ margin-top: 10px; margin-bottom: 10px;}
	
	.index5_main{ height: auto; padding-bottom: 30px;}
	.index2_right{ padding-top: 10%; padding-bottom: 40px;}
	
	.showList li a .proo_tit .pro_name .pro_name1 .pro_name3{ font-size: 14px;}
	.aboutRTop p{ margin-bottom: 10px;}
	
	.innews_list li .wz{ padding: 10px;}
	.inner_about3{ margin-bottom: 20px; height: auto; overflow: hidden;}
	}